Symbol Audio. Midcentury listening room after dusk.
- Commerce
- Dark theme
- 8 colors
- 4 typefaces
Symbol Audio is a dark forest-green gallery for handcrafted audio furniture — a velvet wall behind museum-label typography. The entire site is anchored in a single deep evergreen (#1c3c27) that functions simultaneously as canvas, brand, and action border, with cream-bone cards floating on it like exhibition placards. Two custom serifs (Chalet-LondonSixty, Chalet-NewYorkSixty) carry every word of product copy, nav, and body, paired with a sharp geometric sans (SupremeLL-Bold) that exclusively handles display moments and headings — the contrast between rounded serif warmth and cold geometric boldness IS the voice. A single bottom marquee runs continuously, and the hero commits to a display headline so massive it bleeds off both edges of the viewport.

Symbol Audio design system
Brand1
Green accent for outlined action borders, linked labels, and lightweight interactive emphasis. Do not promote it to the primary CTA color
Accent2
Violet outline accent for tags, dividers, and focused UI edges. Do not promote it to the primary CTA color
Vivid red-orange seen in product photography (lacquered shelf units) — decorative, not functional
Neutrals5
Primary text on light cards, icon strokes, high-contrast detail
Deepest text on evergreen, near-black with green undertone — pairs with frost-white for AAA contrast
Hairline borders, card outlines, divider rules, ghost-button borders on light cards
Alternate warm cream surface — contrast-pair companion to dark text on light cards
Product card surfaces, text on dark sections — slightly warm off-white, never pure #fff
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Frost White on Evergreen Gallery
12.16 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictPasses AAA 7











