# Design Language for desca.works ## Aesthetics and Tone An art deco portfolio where works descend in gilded procession -- desca.works presents as a 1920s exhibition catalogue brought to digital life, where chevron patterns, fan-shaped motifs, and copper-gold accents frame each work with the ceremony it deserves. The art deco aesthetic celebrates craftsmanship through geometric opulence: every border is a pattern, every divider is an ornament, and every surface catches the light of an imagined chandelier. The tone is curator-proud: each piece of work is introduced with the gravitas of an exhibition label. Descriptions are concise but evocative. The overall voice says: these works deserve to be displayed in a building with marble floors. Visual references: the Chrysler Building's lobby ceiling translated to CSS patterns; a 1925 Paris Exposition catalogue; the geometric borders of a Tamara de Lempicka painting frame; gold leaf on dark lacquer. ## Layout Motifs and Structure The layout uses a **gallery** architecture -- works are presented sequentially in a single-column procession with generous ceremonial spacing. **Gallery System:** - Single centered column, max-width 800px - Each work occupies its own viewport section (min-height 80vh) - Works are separated by art deco divider patterns (SVG chevrons/fans) - Top and bottom of the page are framed with decorative borders **Section Flow:** 1. **The Entrance:** Hero with the title in deco display type, flanked by symmetrical chevron patterns. 2. **The Gallery:** Sequential works, each framed with a gold-bordered container and preceded by a deco divider. 3. **The Catalogue:** A denser listing of additional works in a 2-column mini-grid within the centered column. 4. **The Colophon:** Closing with a fan-shaped decorative element and credits. ## Typography and Palette **Typography:** - **Headlines:** "Poiret One" (Google Fonts) -- an art deco display face with geometric construction and elegant thin strokes. Used at 2.5rem-5rem, weight 400, letter-spacing: 0.1em, line-height 1.2. - **Body:** "Raleway" (Google Fonts) -- a geometric sans-serif with art deco DNA. Used at 1rem, weight 400, line-height 1.7. - **Details:** "Raleway" at 0.8rem, weight 600, letter-spacing: 0.15em, all-caps for labels. **Palette:** | Role | Color | Hex | Usage | |------|-------|-----|-------| | Lacquer Black | Background | #0e0c08 | Primary background | | Deep Bronze | Secondary dark | #1a1610 | Card backgrounds | | Copper Gold | Primary accent | #c8983c | Borders, headlines, accents | | Bright Gold | Highlight | #e8c050 | Hover states, active | | Champagne | Light accent | #f0e0c0 | Body text, light elements | | Patina Green | Contrast | #40806a | Rare secondary accent | | Warm Grey | Muted | #6a6050 | Secondary text | ## Imagery and Motifs **Chevron Dividers:** Section separators use repeating CSS chevron patterns: a row of V-shapes in Copper Gold, created via repeating-linear-gradient at 45deg and -45deg. Each divider is 24px tall. **Fan Motifs:** Key decorative elements use CSS conic-gradient to create fan/sunburst shapes in Copper Gold on dark backgrounds, positioned at section corners or as standalone decorations. **Gold Frame Borders:** Work containers use a double-border effect: an outer border (1px solid #c8983c) and an inner border (1px solid #c8983c, inset 8px), creating a classical picture-frame appearance. **Geometric Corner Ornaments:** Work frames have small L-shaped corner decorations (CSS pseudo-elements, 16px, 2px lines in Copper Gold) adding art deco framing detail. ## Prompts for Implementation Build this as an exhibition catalogue the user walks through. The Entrance hero loads with chevron patterns extending from center outward (CSS animation, 1.5s), then the title fading in with a subtle gold glow. Each work section enters the viewport with a dignified fade (1.5s, no movement -- just opacity). Chevron dividers between works draw their pattern on scroll intersection. The gold frame borders around each work glow subtly on hover (box-shadow: 0 0 16px #c8983c30). The closing fan motif rotates 180 degrees over 3 seconds when scrolled into view. Everything communicates ceremony, craft, and the value of showing work properly. Avoid casual language, modern flat design, CTAs, pricing, and any element that breaks the exhibition atmosphere. ## Uniqueness Notes 1. **Art deco exhibition catalogue aesthetic:** No other design applies 1920s art deco visual language to a portfolio/works site, creating a unique ceremonial display context. 2. **Chevron pattern section dividers:** CSS-generated repeating chevrons as content separators are distinctive and period-appropriate. 3. **Double-border gold picture frames:** The nested border technique for framing works creates authentic gallery presentation. 4. **Fan/sunburst decorative motifs:** CSS conic-gradient fans as ornamental elements bring art deco's signature shape to web design. Document chosen seed/style: aesthetic: art-deco, layout: gallery, typography: deco-display, palette: copper-gold, patterns: chevron-divider, imagery: fan-motif, motifs: gold-frame, tone: curator-proud Avoided overused patterns: corporate aesthetic (76%), asymmetric layout (96%), mono typography (98%), warm palette (100%), parallax patterns (98%), tech motifs (97%), friendly tone (77%), minimal imagery (96%)