Decode a site

KB Cafe

“A warm editorial take on developer reference: paper-toned ground, a vermilion accent used only for wayfinding, and type doing the structural work across a large body of documentation.”

Own this site? Claim it, correct it, or ask for it to come down. No account needed.

This website was built with

Framework
Astro
Hosting
Vercel
UI library
Google Fonts
Analytics
Plausible

Read from the response headers and the HTML this page served us on 2026-09-25, not from a database of guesses. Hover a name to see the exact string it came from. A stack can change the day after we look, and anything a site loads later we never saw.

Decode it → Visit live ↗ Screenshot tools ↓
KB Cafe web design (Minimal, Type-Based)

The same paper-and-vermilion pairing carries a much larger body of reference material at kbcafe.com, where type alone does the structural work.

Design DNA

Palette
Reading colours…
IndustryDeveloper Tools
TypeReference
PlatformAstro
StyleMinimal, Type-Based

Tools on this screenshot

Eyedrop its colours, send the palette to the Workbench, measure spacing, overlay a grid, or recreate it with AI. These run on our render, so they read pixels.

For the whole system read from the site's own CSS — the tokens it declares, roles with the token each came from, the type scale, spacing, breakpoints and states, measured contrast, and eight take-away formats including a DESIGN.md and a shadcn install — decode KB Cafe in full.