OFF+BRAND.

OFF+BRAND. embodies a refined, digital-first aesthetic with a limited monochromatic palette and expressive typography. The visual system features delicate dotted line work, liberal use of negative space, and large, dynamic headlines set against a near-white canvas. Color is introduced sparingly through vibrant gradients in hero elements and subtle brand accents, making these instances feel impactful. Components are generally lightweight, often transparent or outlined, to maintain an airy and unburdened feel. Use Canvas White (#e5e4e0) as the primary page background. Apply Midnight Ink (#1d1d1d) for all main text and prominent UI elements. Employ Ataero Retina OB Edition as the sole typeface, utilizing its various sizes and weights to create hierarchy. Maintain generous letter-spacing, especially for headlines (e.g., 0.0500em at 103px) to enhance the airy aesthetic. Structure layouts with a comfortable density, allowing ample negative space and 76px section gaps. Incorporate the Gradient Aura (linear-gradient(255deg, #facb0, #f06ba8 30%, #78bae6 65%, #ffffff)) only for large, singular decorative elements, not for functional UI. Use a default border radius of 9.52381px for interactive elements and containers like cards. Avoid using multiple typefaces; Ataero Retina OB Edition is the only sanctioned font. Do not introduce new saturated primary colors; limit color accents to the Gradient Aura and Brand Orange (#ff642f) sparingly. Do not use heavy shadows or strong elevation; prefer subtle borders (1px dashed in Frost Gray #bfbebe) or a complete absence of shadows. Do not overcrowd sections; prioritize readability and a sense of open space over information density. Avoid solid, filled buttons; prefer ghost-style links or subtle outlined interactive elements. Do not use dark backgrounds for entire sections; maintain a light-themed interface with Canvas White (#e5e4e0) or Pure White (#ffffff) as dominant surfaces. Do not use standard underline styles for links; implement custom hover states like border-transitions for ghost links.