
Preview image. Unlock full-res
Dark canvas, bold blobs
This design system presents a dark canvas with strong typographical elements and sporadic, vibrant accents. Large, custom typefaces create a bold, editorial feel, while custom-shaped, brightly colored interactive elements punctuate the monochrome background. The overall impression is one of confident, art-directed simplicity, eschewing typical interface conventions for a more graphic, playful approach. Use Canvas Dark (#191816) as the base background for most sections. Apply Cloud White (#ffffff) for all primary text elements, including headings and body copy. Utilize PolySans Bold (weight 100) and Canela Web (weight 100) at large sizes and Cloud White for impactful headings. Embed accent colors (Flamingo Pink #fbcbcb, Sunset Orange #f27851, Spring Bud #34a847) in large, irregular 10000px radius 'blob' shapes for visual interest where appropriate. Implement 72px radius for all interactive buttons and 48px for badges to maintain the rounded, soft aesthetic. Maintain a clear visual hierarchy by using Spring Bud (#34a847) only for primary actions and key highlights. Ensure consistent spaciousness with column/element gaps of 22px and section gaps of 96px. Avoid using multiple accent colors in close proximity; let one color pop per visual cluster. Do not use box-shadows or significant elevation; maintain a flat, graphic aesthetic. Refrain from tight, dense layouts; prioritize generous spacing for a breathy, premium feel. Do not use generic system fonts for prominent headings; PolySans and Canela Web are critical for brand identity. Avoid sharp corners; all interactive elements and decorative shapes should feature extreme rounding (48px, 72px, 10000px). Do not vary font weights for PolySans headers; the consistent weight 100 is a signature choice. Avoid using any other color than Cloud White (#ffffff) for primary text on dark backgrounds.









