Beau

Beau employs a crisp, structured aesthetic with a high-contrast monochrome palette. The design emphasizes clear information hierarchy through distinct text sizing and weight, creating a feeling of efficient precision. Components are lightweight and purposeful, relying on shape and direct color contrast rather than heavy ornamentation or shadows. A striking multi-color gradient introduces vibrancy in specific sections, acting as an energetic backdrop for otherwise stark content. Prioritize high-contrast pairing of Midnight Ink (#000000) and Canvas White (#ffffff) for primary content and actions. Use Geist at weight 400 for body text and 500 for headlines, ensuring the specified letter-spacing for optimal legibility. Apply a 200px border-radius to all buttons for a consistent, soft pill shape, and 6px to cards for subtle corner rounding. Use a base unit of 6px for all spacing decisions, translating to common elements gaps of 24px and section gaps of 72px. Introduce the Electric Gradient (linear-gradient(135deg, rgb(255, 131, 8), rgb(255, 80, 67) 50%, rgb(57, 43, 213))) sparingly as a background for impactful, energetic sections only. When using cards, default to Canvas White (#ffffff) with a soft shadow (rgba(0,0,0,0.06) 0px 2px 6px 0px) to indicate elevated content. Avoid using saturated colors other than Electric Gradient; maintain a strict monochrome palette for all other UI elements. Do not use heavy, complex shadows; only apply the subtle rgba(0,0,0,0.06) 0px 2px 6px 0px shadow for elevated cards. Do not vary border radii significantly; stick to 200px for buttons/pills and 6px for cards/containers. Do not use generic system fonts; always utilize Geist with its specific weights and font feature settings for brand consistency. Avoid excessive use of the Electric Gradient; it should act as a highlight, not a dominant background for all sections. Do not create complex multi-layered backgrounds; surfaces should primarily be Canvas White or Midnight Ink for clarity.