Bou

Bou

Preview image. Unlock full-res

Crisp canvas, pill buttons.

Industryagency
Palette
#0a0a0a
#ffffff
#ebebeb
#dbd9dc
#858585
#cbecec

Bou employs a crisp, airy aesthetic with clean typography and a strong emphasis on monochrome surfaces. Interactive elements are softened by extreme radii, creating a comfortable, approachable feel despite the stark black and white palette. Subtle background color shifts break up sections, while a singular light-green wash provides a moment of visual pause. The system prioritizes content legibility through high contrast and generous spacing. Use Obsidian (#0a0a0a) for primary text and interactions, ensuring AAA contrast against light backgrounds. Apply Canvas (#ffffff) for all main page and card backgrounds to maintain a bright, expansive canvas. Implement a 1497.6px border-radius for all primary action buttons, rendering them as distinct pill shapes. Introduce Mist (#ebebeb) as a background for secondary content blocks to create subtle visual breaking points. Prioritize the Custom Font at weight 400 for body text, ensuring legibility with a line-height of 1.5. Use 0.0600em letter-spacing consistently across all text to maintain a refined, airy feel. Employ the Soft Jade Wash gradient for hero sections or atmospheric backgrounds to introduce subtle, ethereal color. Avoid arbitrary uses of color; reserve saturated hues for specific brand-aligned visual moments like the Soft Jade Wash. Do not deviate from the established pill and 4px radii; circularity and soft corners are key brand identifiers. Never use heavy shadows or gradients on interactive elements beyond what's specified, as the system favors lightness. Refrain from tight spacing; maintain a comfortable element gap of 8px and generous section gaps of 60px. Do not introduce additional font families or weights outside of the 'Custom Font' weights 300-600. Avoid bolding words unnecessarily; visual hierarchy is primarily managed through size and a restrained palette of weights. Do not use highly saturated color for text; stick to Obsidian (#0a0a0a) and Faded Steel (#858585) for optimal contrast on white/light backgrounds.

More like this