Skip to content
Library

Earlydog. Cream paper, primary-color shapes, oversized geometric type.

  • Developer tools
  • Light theme
  • 6 colors
  • 2 typefaces

Earlydog operates as a Bauhaus design lab transplanted into DevOps — warm cream paper backgrounds, near-black typography, one vivid blue accent, and geometric illustrations built from primary-color primitives (circles, squares, checkerboards, starbursts, triangles). The display face (degular-display) sets oversized 52–116px headlines with positive letter-spacing, an unusual choice that gives the type geometric breathing room rather than the tight editorial tension most display fonts chase. Body copy stays at 18px in a humanist sans (usual), keeping reading temperature warm against the eggshell canvas. Components are intentionally sparse: pill-shaped outlined buttons, ghost links with play-triangle markers, and generous 96px section gaps that let the geometric artwork breathe. The functional palette is restricted to three colors — cream, ink, blue — while illustrations carry the full primary-color spectrum as decorative punctuation.

Screenshot of Earlydog
Captured from earlydog.com on October 11, 2026

Earlydog design system

Earlydog

Brand1

  • Accent headings, icon strokes, active nav emphasis, illustration accent shapes — the single chromatic functional color, used sparingly to mark emphasis and brand voice

Accent3

  • Illustration accent — primary-color punctuation in geometric compositions, starbursts, circular forms, and triangle fills

  • Illustration accent — warm primary used in geometric blocks, semicircles, and composition fills alongside Ember Red and Signal Blue

  • Illustration accent — softens the primary-color palette in geometric compositions, used in rectangles and overlapping shapes

Neutrals2

  • Primary text, heading strokes, hairline borders, outlined button frames, logo mark — near-black with a barely-perceptible blue tint keeps it from feeling dead

  • Page canvas, card surfaces, button fills — warm off-white gives the entire interface a paper-like, print-graphic feel that warms the cool blue accent

Try a pairing

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

Aa

Cream Paper on Signal Blue

5.15 : 1 contrast

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

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