
Preview image. Unlock full-res
Digital blueprint, on-chain precision.
Base projects a precise, technical elegance with a high-contrast achromatic canvas punctuated by a single vibrant violet accent. Typography is dominant, employing a stark sans-serif for headlines and a more functional family for body text, creating a strong editorial feel. UI elements are compact, utilizing ghost buttons and minimal borders to maintain a lightweight, ethereal presence while the branding color provides clear, unambiguous interactive states. The overall impression is digital, modular, and performance-oriented.
Prioritize Ink Black (#000000) for all primary body text and headings.
Use Haze Gray (#f2f2f2) sparingly for subtle background separation in navigation or soft dividers.
Apply Vivid Cobalt (#0000ff) exclusively for interactive elements like buttons, active states, and links to maintain its impact.
Maintain a compact button padding strategy: 4px vertical, 12px horizontal for filled buttons; 10px all-around for ghost/outlined buttons.
Employ an 8px border radius for all interactive elements and informational cards, with an optional 2px radius for very small elements.
Use 'doto' for display headlines requiring maximal visual impact, applying the specified negative letter-spacing for density.
Ensure the page-level content is contained within a max-width of 1128px.
Do not introduce new chromatic colors outside of Vivid Cobalt (#0000ff) and Emerald Green (#098551) to avoid diluting the brand palette.
Avoid heavy shadows or gradients, preserving the lightweight and flat aesthetic of surfaces.
Do not use coinbaseDisplay for body copy; reserve it for clear, focused text blocks.
Do not deviate from the established letter-spacing values for display and heading typography; these are critical for visual identity.
Avoid complex, multi-layered backgrounds; keep canvas and card surfaces clean and monochromatic.
Do not use generic button styles; stick to the Ghost, Outlined, and Filled variants with their predefined color and radius tokens.
Do not use base unit multiples other than 4px for spacing decisions.









