Coinbase

The design system establishes a feeling of digital-native trust, grounded in a high-contrast, minimalist palette. A precise foundation of pure white (#ffffff) and near-black (#0a0b0d) creates an environment of clarity and focus. The system's entire personality is injected through a single, electric Coinbase Blue (#0052ff), which is reserved exclusively for primary actions and brand marks, acting as a confident guide. A suite of custom fonts (Coinbase Display, Sans, Text) provides a unique and cohesive typographic voice across all scales. Depth is achieved not with shadows but with bold, full-width color blocks, alternating between bright white and deep midnight sections, creating a clean, architectural rhythm. Use Coinbase Blue (#0052ff) exclusively for primary CTAs and the brand logo. Define primary buttons with the signature 56px border-radius. Construct all major page headlines using the CoinbaseDisplay font. Create visual hierarchy by alternating full-width #ffffff and #0a0b0d sections. Reserve Slate (#5b616e) for all secondary body copy and footer links. Set body text at 16px with CoinbaseSans or CoinbaseText for optimal readability. Apply a 24px radius to all larger content cards. Don't use shadows on any element; rely on color blocking for depth. Don't use Coinbase Blue (#0052ff) for text or non-interactive elements. Don't use multiple saturated colors in one section; stick to the neutral palette with one blue accent. Don't use sharp corners for buttons or tags; they must be rounded (56px or 100000px). Don't use system fonts; the custom Coinbase font suite is essential to the brand identity. Don't create visual dividers with lines; use negative space and background color changes. Don't make footer links any color other than Slate (#5b616e).