Gitbook. Warm-white architecture studio with orange highlighter marks.
- SaaS
- Light theme
- 9 colors
- 6 typefaces
GitBook projects the calm authority of a well-edited reference book: warm-white pages, generous breathing room, and near-black type that commands without shouting. A single vivid orange acts as a highlighter — appearing only in badges, the 'New' pill, the floating Ask widget, and the kinetic 3D shapes that bleed into the hero screenshot. The interface stays almost entirely monochromatic; color is punctuation, not atmosphere. Typography is the visual identity: a geometric bold display face at 45-55px with tight negative tracking creates editorial weight, while Inter handles the dense body copy. Components are paper-like — flat cards, hairline borders, pill buttons, minimal shadow. Everything reads as a knowledge product: structured, legible, confident.
Gitbook design system
Brand1
Orange outline accent for tags, dividers, and focused UI edges.
Neutrals8
SVG icon fills, sharp borders where maximum contrast is needed, logo marks
Primary action buttons, headlines, body text, primary borders — warm near-black replaces pure black for a softer, editorial feel
Secondary body text, muted borders, description copy — warm gray for paragraph content
Tertiary text, placeholder text, inactive labels, subtle borders
Disabled states, very muted helper text, subtle dividers
Nested surface backgrounds, secondary card layers, muted button backgrounds
Card backgrounds, subtle surface elevation above the white canvas, link/button ghost states
Page canvas, button text on dark fills, card surfaces — the dominant background
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
True Black on Flame Orange
6.53 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictFails AAA 7
