Skip to content
Browse
Library

Base. Blueprint globe, blue pulse.

  • Crypto
  • Light theme
  • 9 colors
  • 5 typefaces

Base reads as a wireframe atlas on white paper: hairline vertical bars form continents across the canvas, and one electric blue marks every point of action — the logo block, filled buttons, and map data points. Typography carries the visual weight: a massive geometric display face (Doto at 115px, -0.025em tracking) headlines, while a wide-tracked monospaced label font (0.073em) pins section categories in uppercase. Surfaces stay flat and nearly borderless; structure comes from generous whitespace, a 4px-based spacing grid, and the occasional 8px-radius card. The system is overwhelmingly monochrome; blue is rationed as sharp punctuation, never used as decoration.

Visit base.org
Screenshot of Base
Captured from base.org on October 11, 2026

Base design system

Base

Brand1

  • Violet outline accent for tags, dividers, and focused UI edges. Do not promote it to the primary CTA color

Accent1

  • Data point accent on the world map visualization — marks growth/gas nodes against the neutral wireframe

Neutrals7

  • Primary text, headlines, structural lines, iconography

  • Sidebar borders, strong secondary structural lines

  • Body text, subhead descriptions, secondary labels — the working gray for prose

  • Tertiary text, disabled states, low-priority metadata

  • Hairline borders, sidebar dividers, subtle icon outlines, nav separators

  • Hairline borders, dividers, input outlines, and card edges on light surfaces. Do not promote it to the primary CTA color

  • Page canvas, card surfaces, button text on dark or chromatic fills

Try a pairing

Pick any two colors from the palette to check whether text stays readable on top.

Aa

Pure White on Electric Blue

8.59 : 1 contrast

Background
Text
  • Body textPasses AA 4.5
  • Large textPasses AA 3
  • StrictPasses AAA 7

More DESIGN.md files. Same web, different personalities.