# Design Language for sunhan.church ## Aesthetics and Tone sunhan.church ("선한 교회" — the Good Church) is rendered as **an Art Deco chapel of light**: imagine a 1929 New England meetinghouse rebuilt by the architects of the Chrysler Building's crown — fluted nave columns, sunburst transoms, and ziggurat reredos screens, but all of it carved from cool moonstone and inlaid with deep cathedral-glass jewel tones. The seed here is **art-deco ornate luxury** crossed with a **calm-serene** sacred hush — not the brassy gold-and-jazz Deco of speakeasies, but the quiet, devotional Deco of memorial halls and observatory domes: precise, symmetrical, reverent, and faintly nocturnal. The mood is **liturgical stillness, not pastoral warmth**. Where the corpus overwhelmingly tilts pastoral-romantic and warm-inviting (33% / 21%) with warm gradient palettes (98% / 93%), sunhan.church goes the opposite direction: cool, mineral, and twilit, lit as if by a single high clerestory window at dusk. Every surface should feel like it was machined with devotion — chamfered edges, stepped mouldings, perfect bilateral symmetry — and then softened by candle-glow at the edges. The visitor should feel they have stepped out of the street and into a vaulted, hushed interior where the light moves slowly across stone. Tone words: consecrated, geometric, luminous, restrained, generous. No hustle, no urgency, no conversion funnel — a church does not "sell." It receives. ## Layout Motifs and Structure The site is a **single vertical pilgrimage down the central axis of a chapel** — a strict, mirror-symmetric **single-column** spine (single-column is only 17% in the corpus, and almost never used with Deco rigor) flanked by **fluted column rules** that run the full height of the page like the pillars of a nave. Content is centered on the axis; the eye walks the aisle. - **The Sunburst Tympanum (hero).** A full-bleed first screen dominated by a vast Art Deco radiating sunburst — concentric stepped arcs fanning upward from a low horizon, the way Deco theatre marquees and 1930s church windows fan light. The wordmark "선한 교회 / sunhan.church" sits at the keystone of the arc. - **Stepped Reredos panels.** Each subsequent section is framed inside a **ziggurat arch** — a stepped, symmetrical Deco arch (think the setback profile of an Art Deco skyscraper turned into a doorway). Sections nest inside these arches one after another down the page. - **The Aisle Rhythm.** Vertical spacing follows a strict musical interval — every section is the same height as a "bay" of the nave, separated by a thin **chevron transom band** (a horizontal strip of repeating Deco chevrons) that acts as the lintel between bays. - **No card-grid, no bento-box, no dashboard.** Card-grid is at 92% — this site refuses it entirely. Where multiple items must appear (service times, ministries), they are arranged as a **vertical litany** — a centered list with Deco fleurons between entries, never tiled boxes. - **Layered-depth via lithic relief.** Three z-planes only: the deep moonstone wall (back), the carved stepped mouldings (mid), and the inlaid jewel-glass elements + type (front). Parallax is minimal and slow — stone does not bounce. - Footer is a **crypt band**: a dark, low, wide plinth with the chevron motif inverted, holding contact and address in small letterspaced caps. ## Typography and Palette **Fonts (Google Fonts only):** - **Display / Wordmark — "Poiret One"** — a true geometric Art Deco display face: hairline strokes, circular bowls, the unmistakable 1920s salon elegance. Used for the church name at the keystone and for the largest section titles. Letterspaced wide (+0.12em), often set in a gentle upward arc to follow the sunburst. - **Section Headings — "Cinzel"** — an inscriptional, Roman-capital serif modeled on carved stone lettering; reads as engraved into the moonstone. Used for "예배 시간", "공동체", "오시는 길" — set in all caps, generously tracked. - **Body — "Cormorant Garamond"** — a high-contrast, slightly literary serif for scripture lines, welcome text, and prose; airy, devotional, never blocky. Light/Regular weights, generous line-height (1.8). - **Micro-labels & footer — "Jost"** — a clean geometric sans (a Futura relative, very Deco-adjacent) for small caps labels, dates, and the crypt-band footer. Letterspaced +0.18em. - Korean text: **"Noto Serif KR"** (Light) for body and **"Gowun Batang"** for headings — both pair with the engraved-serif register without clashing. **Palette — cool moonstone + cathedral-glass jewels (deliberately avoiding warm/gradient default):** - `#0E1726` — **Nave Twilight** — deep blue-charcoal, the chapel interior at dusk; primary dark ground for hero and footer. - `#1C2B40` — **Vault Shadow** — slightly lighter blue-slate for the stepped moulding mid-plane. - `#E9E4D8` — **Moonstone** — warm-cool off-white limestone; the dominant "wall" color for content bays. - `#C9A24B` — **Brushed Brass** — restrained, matte gold used only for hairline rules, the sunburst arcs, and fleurons. Never filled large; always a line or a thin inlay. - `#2E6E6A` — **Verdigris Glass** — oxidized-copper teal, a stained-glass jewel. - `#7A2E3B` — **Garnet Glass** — deep liturgical wine-red, the second jewel inlay. - `#3A4E8C` — **Sapphire Glass** — a cobalt window-blue for accents and links. - Text on moonstone: `#1C2B40`; text on twilight: `#E9E4D8`. Jewel tones appear ONLY as small inlays — the diamond and trapezoid "stained glass" pips set into the chevron bands and arch keystones — never as background washes. The page is overwhelmingly moonstone and twilight with brass hairlines. ## Imagery and Motifs **No photography. No hand-drawn doodles. No glassmorphic blur cards.** (Photography is at 98%, hand-drawn at 94% — this site uses neither.) Everything is **flat-vector Art Deco ornament rendered as if engraved or inlaid**, all SVG, all geometric, all bilaterally symmetric. - **The Sunburst** — the master motif: concentric stepped arcs, brass hairlines on twilight, fanning from a low center. Reused at three scales: huge (hero), medium (section keystones), tiny (bullet fleurons). - **The Ziggurat Arch** — the stepped, setback Deco arch that frames every section. Drawn as a thin brass outline on moonstone. - **Chevron Transom Bands** — repeating zigzag strips separating bays, with jewel-glass diamonds (verdigris / garnet / sapphire) set at each apex like stained glass. - **Fleurons & Litany Marks** — small Deco lozenges, stylized lilies, and three-step pyramids used as list bullets and paragraph dividers — never round dots. - **The Rose Window, Decofied** — a single large radial rosette (an octagonal Deco mandala of nested chevrons and rays) used once, as the centerpiece of the "공동체 / community" bay. - **Fluted Column Rules** — the page's left and right margins are drawn as the fluting of Deco pilasters: a tight rhythm of vertical brass hairlines, fading toward the page center. - **Engraved hairlines everywhere** — every divider, every frame is a 1px brass line with a faint 1px twilight "shadow" offset below it, so it reads as carved into stone. ## Prompts for Implementation Build sunhan.church as **a single-route, slow vertical descent through a Deco chapel** — one HTML file, one CSS file, one small JS module. Treat the visitor as someone walking up the central aisle: each scroll is a step deeper, each section a new bay revealed under its stepped arch. Target a ~70–90 second contemplative scroll. There is **no CTA stack, no pricing, no stat-grid, no testimonial carousel, no newsletter modal** — a church receives, it does not convert. **Narrative spine (vertical bays, top to bottom):** 1. **The Tympanum / Welcome.** Full-screen Nave Twilight ground. The great brass sunburst draws itself on load — arcs animate outward from the horizon via `path-draw-svg` (stroke-dashoffset), staggered ray by ray, slow and even (no spring, no bounce — stone is not elastic). The wordmark "선한 교회" in Poiret One settles at the keystone; beneath it, one line of scripture in Cormorant Garamond fades up. A faint vertical light-shaft (CSS gradient) breathes slowly (12s ease-in-out loop) down the center. 2. **회중에게 / A Word of Welcome.** Moonstone bay inside the first ziggurat arch. Centered prose, large line-height, the arch outline drawing itself as the bay enters viewport (IntersectionObserver → `path-draw-svg`). 3. **예배 시간 / Service Times.** A vertical litany — Sunday gatherings, prayer meeting, etc. — each entry centered, separated by a brass fleuron that scales in on scroll. Times in Cinzel caps, descriptions in Cormorant. A chevron transom band above and below, jewel diamonds catching a slow shimmer (a thin specular highlight sweeping across once on reveal). 4. **공동체 / Community.** The Decofied rose window as centerpiece — a large radial SVG mandala that slowly rotates (90s per revolution, `prefers-reduced-motion` halts it). Around it, three short paragraphs about ministries, set in the three jewel colors as small Cinzel labels with Cormorant bodies. 5. **말씀 / Scripture Wall.** A single full-bleed Nave Twilight bay holding one large scripture passage in Cormorant Garamond Light, letter-spaced, centered, with brass corner-brackets that draw in. Nothing else. A held breath. 6. **오시는 길 / Find Us.** Address, neighborhood, a simple Deco-framed schematic map drawn as flat geometric SVG (streets as brass hairlines on moonstone — NOT an embedded map tile). Service-direction note. 7. **The Crypt Band (footer).** Dark plinth: inverted chevron motif, letterspaced Jost caps for contact email, the wordmark small, a final brass hairline. **Motion rules:** All entrances are `path-draw-svg` line-draws and slow `fade-reveal` (600–900ms, ease-out, gentle `stagger`). Brass hairlines draw; jewel inlays do a single soft `blur-focus`-to-sharp on reveal. Cursor: no magnetic chaos — instead a very subtle parallax where the sunburst and arches shift ≤6px against cursor, like the chapel's perspective easing as you move. Links: a brass `underline-draw` from the center outward on hover. Everything respects `prefers-reduced-motion` (rotations stop, draws become instant). **Texture:** A faint film-grain / fine-noise overlay at ~3% opacity over the whole page to keep the flat vectors from feeling sterile — like aged stone and old glass. A barely-visible 1px brass vignette frame around the entire viewport, like the edge of a window casement. ## Uniqueness Notes Differentiators, each a deliberate departure from the frequency analysis: 1. **Devotional Art Deco, not pastoral warmth.** Art-deco sits at ~5% in the aesthetic corpus and pastoral-romantic dominates church-adjacent tone (33%). sunhan.church is the rare church rendered as a machined Deco memorial hall — cool moonstone, brass hairlines, stepped ziggurat arches — with zero warm-cottagecore vocabulary. 2. **Cool/mineral palette against a 98% warm corpus.** Where 98% of designs use a warm palette and 93% a gradient, this one is twilit blue-charcoal + limestone + matte brass + three small jewel-glass inlays — flat fills, hairline accents, no big gradient washes. 3. **Single-column nave spine + ziggurat-arch sections instead of card-grid.** Card-grid is at 92%; this site forbids it, using a strict mirror-symmetric single-column "aisle" with stepped Deco arches framing each bay and a vertical litany for lists. 4. **Line-draw SVG ornament as the whole visual language — no photography, no hand-drawn, no glass-blur.** Photography 98%, hand-drawn 94%, glassmorphism 84% — none present. All imagery is geometric Deco SVG that animates via `path-draw-svg` (48% pattern, used here as the dominant motion, not a garnish). 5. **No conversion machinery at all.** No CTA-heavy layout, no pricing, no stat-grid, no testimonial row, no email modal — explicitly avoided per the implementation prompt. Chosen seed/style: **art-deco ornate luxury** — *aesthetic: art-deco, layout: single-column, typography: art-deco-display, palette: jewel-tones (cool/twilit treatment), patterns: path-draw-svg, imagery: vector-art, motifs: geometric-shapes (sunburst/ziggurat/chevron), tone: calm-serene*.