Buzz Usborne

Buzz Usborne's design system presents as a clean, spacious canvas with a playful, yet strong typographic voice. The visual identity relies on a dominant dark gray for text and primary interactive elements, accented by a single vivid violet for subtle button detailing, creating a sense of understated vibrancy. Component surfaces and backgrounds are kept pristine white, emphasizing content and a lightweight feel. Overall, the system projects an approachable, content-focused atmosphere, leaning on personality in typography rather than complex color schemes or heavy ornamentation. Prioritize Canvas White (#ffffff) for all large background areas and card surfaces, creating a clean base. Use Graphite Ink (#2a394e) for all primary headline and body text, establishing a strong, readable dark neutral. Apply Poetsen One at 52px, weight 400, for section headlines or hero text to introduce branding personality. For interactive elements, use the 30px border-radius, creating a consistent pill shape for buttons. Maintain a spacious environment, utilizing 50px as the primary vertical separation between major sections. For primary call-to-action buttons, use a Graphite Ink (#2a394e) fill with Muted Midnight (#14243c) text, with 15px vertical and 25px horizontal padding, and 30px radius. Avoid using multiple vibrant chromatic colors; restrict accent colors primarily to Vivid Violet (#4700d8) for subtle highlights. Do not deviate from Roboto for body text and functional UI elements where immediate readability is key. Avoid tight element groupings; ensure a minimum of 10px spacing between elements to preserve visual breathability. Do not introduce complex shadows or excessive borders; surfaces should feel lightweight and minimally elevated. Refrain from using strong background patterns or textures; surfaces are intended to be clean and understated.