Face Formula

Face Formula cultivates a natural, understated aesthetic with a muted color palette dominated by cool greys and subtle blue-greys, echoing its Norwegian roots. Typography combines a classic serif for impactful headlines with a clean sans-serif for body text, creating a balanced and readable experience. Design elements are minimal, favoring delicate borders and ample white space over bold colors or heavy shadows. Components are lightweight, emphasizing content and a serene visual atmosphere. Prioritize Deep Ocean (#3b505a) for primary textual content and interactive elements, establishing it as the dominant brand color. Use Libre Caslon Condensed (or Playfair Display) exclusively for major headings, leveraging its distinct serif character. Apply Circular Pro (or Inter) for all body text, navigation, and button labels, maintaining a consistent sans-serif voice. Ensure generous white space, particularly using Canvas White (#ffffff) and Ghost Fog (#f2f5f8) for background dilution and section separation. Use Border Mist (#e6ebee) for subtle background shifts to indicate different content blocks without heavy visual breaks. Set all border-radius values to 0px for a sharp, modern, and uncluttered appearance. Maintain a default element gap of 16px for consistent visual rhythm between components. Avoid using bold or highly saturated colors outside of the defined brand palette for primary UI elements. Do not introduce strong shadows or excessive elevation; the design favors flat surfaces and subtle depth. Do not deviate from the specified 0px border-radius; rounded corners are not part of this aesthetic. Do not use generic system fonts for body or heading; the custom typefaces are critical to the brand identity. Avoid dense information placement; maintain the comfortable density and ample spacing. Do not use multiple font weights for Circular Pro; it is intended to be used at its regular weight 400 throughout. Do not use 'Action', 'CTA', 'primary action', or similar phrasing for buttons unless they explicitly have a #3b505a background or border, and prioritize un-filled, text-based button styles rather than solid fills where possible.