
Preview image. Unlock full-res
Warm parchment, dark charcoal type
Until presents a calm, sophisticated aesthetic, combining a nearly monochromatic UI with thoughtful typographic play and tactile surface treatments. The primary canvas is a warm, off-white, contrasted with deep charcoal text and accents. Subtle shadows and rounded corner cards provide gentle dimensionality, making the interface feel grounded and inviting. A single olive green brand accent adds a touch of organic warmth, used sparingly to highlight key information and interactive elements.
Prioritize Neue Haas Display for all headings and large text, ensuring letter-spacing is applied for aesthetic cohesion.
Use Parchment (#f7f3ec) as the default background color for main content sections and Snow (#ffffff) for card backgrounds to establish clear visual hierarchy.
Apply Charcoal (#121212) or Midnight Ink (#000000) for all primary text elements to maintain contrast and legibility.
Utilize Olive Grove (#6c853b) exclusively for subtle accentuation of key information, links, or decorative elements, never for large areas or primary actions.
Implement border-radius: 64px for all buttons, creating a consistent pill shape for interactive elements.
Apply border-radius: 32px with the subtle shadow rgba(255, 255, 255, 0.1) 0px -1px 2px 0px inset, rgba(255, 255, 255, 0.1) 0px 1px 2px 0px inset, rgba(0, 0, 0, 0.1) 0px 0px 2px 0px, rgba(0, 0, 0, 0.05) 0px 3px 17px 0px for all cards to provide gentle depth.
Maintain a base unit of 8px for spacing, with a consistent 96px section gap to create clear vertical rhythm.
Do not use highly saturated or vivid colors that are not Olive Grove (#6c853b), as the system relies on a near-monochromatic palette.
Avoid sharp corners; all functional UI elements should have a defined border-radius, typically 24px, 32px, or 64px.
Do not introduce heavy, opaque shadows; leverage the subtle card shadow or the contained, softer shadows for depth.
Do not use generic system fonts; Neue Haas Text and Display are critical for brand identity.
Avoid breaking component padding suggestions; maintain a 32px padding around card content.
Do not use large blocks of bright, solid color for backgrounds; favor the neutral Parchment or Snow, or image backgrounds with subtle filtering.









