Ease Health

Ease Health employs a grounded, clinical yet approachable aesthetic, balancing a muted green-blue palette with abundant whitespace. The design emphasizes clarity through distinct surface levels, subtle typography, and a signature deep forest green for primary actions, contrasting with the soft, almost pastel backgrounds. Components are clean and substantial, featuring generous padding and distinctive rounded corners, giving the interface a calm, trustworthy, and organized feel. Use Forest Green (#0f3e17) exclusively for primary action buttons and core brand elements to maintain its impact. Apply 14px border-radius to all cards and most buttons for a consistent soft, approachable aesthetic. Ensure all text content defaults to Suisseintl for readability and consistency, varying only weight and size. Utilize Faire Octave at weight 300 for major headlines (40px, 74px) to convey understated authority. Employ Cream Canvas (#fffefc) as the primary background for detailed UI elements, balancing against chromatic cards. Maintain a comfortable density with 21px for element gaps and 42px for card and section padding. Use Border Grey (#e5e7eb) for all neutral borders and dividers to keep the interface light and airy. Do not introduce new chromatic colors outside of the defined green and blue accents to preserve the muted palette. Avoid harsh shadows or strong elevation; surfaces should feel flat and distinct through color changes, not depth. Do not use multiple font families for body text or interface elements; Suisseintl serves this purpose exclusively. Never use full black (#000000) for text; opt for Ink Text (#222222) or Dark Charcoal (#333333) for softer contrast. Do not deviate from the established border-radius values across component types. Avoid compacting content; err on the side of generous element and padding values to maintain the comfortable density. Do not use generic system fonts when Suisseintl or Faire Octave are available; these are critical for brand identity.