TheyDo

TheyDo employs a bright, geometric, and conversational aesthetic, balancing crisp achromatic UI with a vibrant, playful pink accent. The system favors strong contrasts, a clean information hierarchy, and a subtle interplay of sharp angles and soft curves within its visual elements. Prominent headlines with distinct letter spacing establish a confident, expert-driven tone, while a generous use of negative space creates an inviting, breathable user experience. The design avoids heavy shadows or complex textures, opting for a flat, modern appearance with a single vibrant accent. Use 'Graphite' (#131110) for primary text and filled buttons against light backgrounds. Apply 'Magenta Zing' (#e82183) judiciously as an accent for headlines, interactive states, and outlined button borders. Prioritize 'wulkan' font for all headings, adjusting letter-spacing according to its specific scale (e.g., -0.029em at 48px). Maintain a default border-radius of 8px for cards and most UI elements, while using 5px for primary action buttons. Implement tight letter-spacing for all display and heading-level text to establish a distinct typographic presence. Use 'Stone Gray' (#c6c3c3) for subtle borders and ghost button outlines to maintain a light, crisp aesthetic. Avoid heavy drop shadows or complex elevation; the system relies on flat surfaces and high contrast. Do not introduce new saturated primary colors; limit the palette to the established neutrals and 'Magenta Zing'. Do not use generic system fonts for headlines; the 'wulkan' typeface is integral to the brand's typographic identity. Refrain from creating highly dense content blocks; prioritize generous white space and clear visual separation. Avoid using 'Times' except for very specific, minor text elements where observed – it's a fallback, not a primary font. Do not deviate from the established padding values (e.g., 20px for cards, 0 15px for filled buttons) without strong justification.