Koa Health

Koa Health presents a calm, structured brand identity, marrying a clinical white canvas with deep, authoritative blues. Its visual system is built on compact, precise typography that prioritizes scannability, offset by a single vivid teal as an accent color for interactive elements and subtle highlights. Component treatment is minimal, emphasizing content clarity through soft surfaces and clear borders rather than heavy-handed elevation or decorative elements. The overall aesthetic is one of understated professionalism and focused user experience. Prioritize Canvas White (#ffffff) as the dominant background for body content to maintain a clean appearance. Use Midnight Indigo (#2e3fd2) for primary calls-to-action and significant branding elements like the footer. Apply Super font for all main headings (H1, H2) with weight 500 and tight letter-spacing (-1.28px at 64px, -1.44px at 48px). Use Surt font for body text, navigation, and detailed information, opting for lighter weights (400) for readability. Employ Arctic Teal (#5ed7de) as the primary accent color for active states, links, and illustrative details. Maintain comfortable element spacing using a base of 8px, with multiples like 16px, 24px and 40px for consistency. Ensure buttons use a 4px border-radius, while smaller interactive elements like tags or active navigation tabs can use a 9999px (pill) radius. Avoid using heavy box shadows; elevation is minimal and surfaces are predominantly flat. Do not introduce new saturated colors outside of Midnight Indigo or Arctic Teal; maintain a controlled palette. Refrain from using overly decorative elements or gradients unless they are the brand's primary Midnight Indigo Gradient. Do not use letter-spacing on body text or standard paragraph elements, reserve custom tracking for headlines and navigation. Avoid large, expansive padding on components unless specifically for section breaks, promoting a denser, information-focused layout. Do not deviate from the established font families Surt and Super; avoid using system fonts or other typefaces. Avoid dark-themed sections on pages prominently displaying a light theme, except for the clearly defined footer area.