Visual. Warm editorial zine.
- AI
- Light theme
- 12 colors
- 2 typefaces
Visual speaks an editorial design dialect: a warm cream canvas (#f6f6f4) holds a high-contrast modern serif at near-poster sizes (64–96px) paired with monospaced UI text at 12–16px. The palette is near-monochrome — warm blacks, olive-sage neutrals, and a single vivid yellow (#fff347) deployed as decorative punctuation on accent bars and highlight washes. Surfaces stay flat with hairline 1px borders; visual hierarchy comes from color contrast and generous 80px section gaps, never from shadows. Components are lightweight and geometric: 8px-radius cards, 3px-radius nav, tiny all-caps mono labels, and a neutral dark button that reads as 'next' rather than 'buy now'. The overall feel is a design museum catalog that happens to contain a product — confident, restrained, and slightly cerebral.
Visual design system
Accent2
Single accent — decorative bars, highlight washes, emphasis marks. Appears 3–4 times per page maximum, always as a 4–6px stroke or small fill block
Muted accent for tag borders, secondary button outlines, warm-tinted surface washes — the restrained sibling of the highlighter
Neutrals10
Primary text, heavy structural borders, nav bar outlines
Warm near-black for dark panels, footer background, and neutral filled button fill — the only filled button in the system
Mid-dark structural borders, heavier dividers between sections
Body text, secondary borders, muted paragraph copy
Nav link text, muted UI labels, breadcrumb text
Icon strokes and fills, tertiary text, decorative icon tint
Light hairline borders, card outlines, subtle dividers
Subtle warm tint surface for tag backgrounds, soft highlight washes
Page background — the warm off-white that defines the entire canvas tone
Card surfaces, elevated panels, product mockup backgrounds
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Ink on Highlighter Yellow
18.16 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictPasses AAA 7
