Function

Function Health uses a soft, organic health-science aesthetic: light, airy surfaces, grounded typography, and an earthy orange accent. The design feels approachable and trustworthy, balancing scientific rigor with human comfort. Typography mixes a robust sans-serif for functional text with an elegant serif for display headlines, establishing a clear hierarchy. Components are lightweight with generous radii, often featuring subtle background tints to differentiate sections. Use Ftbase for all body text, navigation, and functional headings at Ftbase weight 400 for optimal readability. Apply Amber Glow (#b05a36) exclusively for primary interactive elements, brand iconography, and accents, ensuring it is a consistent focal point. Maintain a generous border radius of 40px for all interactive buttons and 12px for cards to convey a soft, friendly aesthetic. Employ Parchment White (#fef9ef) as the primary background for all page sections, reserving Cream Canvas (#f5eee1) and Warm Mist (#d1c9bf) for subtle content differentiation. Utilize Financier Display for all major headings above 34px, emphasizing its lighter weights (300, 400) for an elegant and inviting feel. Ensure input fields have a 1440px border-radius, creating a distinct pill shape, with a Slate Border (#808988). Space elements with multiples of 8px, using 16px for elementGap and 25px for cardPadding to maintain a comfortable visual rhythm. Do not introduce new vivid colors; Amber Glow (#b05a36) is the sole saturated accent color. Avoid heavy shadows; use rgba(42, 43, 47, 0.1) 12px 32px 80px 0px sparingly for only the most elevated content. Do not use dark backgrounds that contrast sharply with the established light theme; maintain the soft, airy feel. Do not use Ftbase for large display headings; reserve Financier Display for these to preserve typographic hierarchy. Avoid tight spacing; maintain the comfortable density established by 16px element gaps and 25px card padding. Do not use sharp corners; all interactive elements and most containers should use generous border radii (40px or 12px).