OpenWeb

OpenWeb employs a refined, editorial aesthetic, utilizing a restrained palette dominated by off-white and stark black. Typography is central, featuring a serif display font for headlines and a system sans-serif for functional text, establishing a balance between classic gravitas and modern clarity. The design prioritizes generous spacing and clean lines over heavy ornamentation, allowing content to breathe and accentuating the sophisticated type choices. Interactions are subtle, highlighted by a single vibrant blue that acts as a precise functional accent. Prioritize Copernicus font for all headings, subheadings, and lead paragraphs to maintain the editorial tone, adjusting letter spacing to match the specified values, particularly negative tracking for larger sizes. Use Parchment White (#f1e9e7) for all main page backgrounds and content canvases. All primary text, including headings and body copy on light backgrounds, should be Midnight Ink (#000000). Apply Vivid Cobalt (#0058fe) exclusively for interactive elements like links and outlined button borders to preserve its accent status. Maintain 0px border-radius for most interactive elements and cards, emphasizing crisp, defined edges. Use Midnight Ink (#000000) filled buttons for high-priority actions, ensuring they stand out with strong contrast. Implement consistent internal padding of 12px vertical and 26px horizontal for primary action buttons. Avoid introducing additional chromatic colors; the palette is intentionally restrained to Parchment White, Midnight Ink, Arctic Frost, Slate Gray, and Vivid Cobalt. Do not use highly rounded corners (e.g., 8px or 16px radius) for standard UI elements; stick to 0px for clean edges, or 40px for specific decorative elements where noted. Do not use generic sans-serif fonts for headlines; always use Copernicus to preserve the distinctive brand voice. Avoid excessive use of drop shadows; the design relies on flat planes and strong typographic hierarchy for visual depth. Do not vary line heights without explicit instruction; adhere strictly to the specified lineHeight values per text size to control content density. Do not use Vivid Cobalt for static elements or large background areas; its impact comes from its selective application as an accent. Avoid breaking the established spacing rhythm; maintain an element gap of 15px, and a section gap of 50px as default.