Sprout

Sprout embraces a playful, textured aesthetic with a warm, desaturated color palette that shifts between earthy tones, creating distinct spatial zones. Bold, almost cartoonish typography pairs with a more functional, condensed sans-serif, giving the brand a friendly yet authoritative voice. Components feature soft, rounded edges and light borders, suggesting a tactile, approachable interface. The design feels grounded and unconventional, prioritizing character over stark minimalism. Use Earth Berry (#3e0808) as the dominant background for body sections and primary calls to action. Employ BrickDisplayPro for all primary headings and display text, leveraging its distinct character at sizes 51px and 104px. Apply a 15px border-radius to general UI elements like cards and image containers for a softened, approachable feel. Ensure interactive elements like buttons consistently use a 20px border-radius. Utilize SuisseIntl for all body text, navigation items, and button labels, maintaining a compact and clear typographic hierarchy. Implement distinct background changes between sections, alternating between Earth Berry (#3e0808), Sunbeam Yellow (#f3d468), Terracotta (#f39369), and Canvas White (#ffffff). Avoid using generic system fonts for headlines; BrickDisplayPro is key to brand identity. Do not deviate from the specified border-radii of 15px (default) and 20px (buttons) to preserve the brand's soft aesthetic. Refrain from introducing new accent colors; rely on Earth Berry, Sunbeam Yellow, and Terracotta to define highlights and section shifts. Do not apply heavy shadows or complex elevation; the system prefers subtle borders or background shifts to define layers. Avoid excessive letter-spacing on body text; SuisseIntl is designed for slightly tighter tracking (e.g., -0.0100em at 18px). Do not use dark text colors on Earth Berry (#3e0808) backgrounds; always use Canvas White (#ffffff) for readability.