Skip to content
Library

Pop Site. Monumental black headlines floating on white walls, with one blue dot of intent.

  • SaaS
  • Light theme
  • 9 colors
  • 3 typefaces

Pop Site is a stark typographic gallery: an almost exclusively white canvas where oversized Satoshi display headlines — often 93–120px — carry the entire visual weight. A single vivid blue (#3b82f6) is the only chromatic note in the system, reserved exclusively for primary CTAs, active links, and subtle surface washes; everything else is monochrome grays and blacks at near-maximum contrast. Components are quiet and confident: pill-shaped buttons, hairline borders, softly rounded cards, and phone mockups as hero subjects. The density is airy and editorial, with comfortable spacing between sections and text that breathes. This is a builder site that wants to feel like a product page for the product it helps you build — Apple-adjacent restraint, Linear-grade precision, Carrd-grade simplicity.

Screenshot of Pop Site
Captured from pop.site on October 11, 2026

Pop Site design system

Pop Site

Brand2

  • Primary CTA fills, active link borders, key accent — the only chromatic color allowed to draw the eye

  • Lighter blue for link text and secondary outlined actions

Accent1

  • Soft blue surface wash for highlighted sections and subtle backgrounds

Neutrals6

  • Primary heading text, heavy borders, icon fills, image framing

  • Body text, nav text, secondary borders — slightly softer than pure black for long-form readability

  • Muted helper text, secondary descriptions

  • Tertiary text, disabled states, fine metadata

  • Hairline dividers, nav accents, light surface variation

  • Page background, card surfaces, button text on blue

Try a pairing

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

Aa

Ink Black on Signal Blue

5.71 : 1 contrast

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

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