A modern, privacy-focused browser offering a calm digital environment.
02
Color
#F76F53Accent
#2E2E2EInk
#F2F0E3BG
#9E9E9EMuted
rgba(46, 46, 46, 0.1)Line
Warm, off-white canvas with deep charcoal text and a single warm coral accent.
03
Typography
transitional-serif · humanist-sans
display60px · 500
body16px · 400
Use a transitional serif for large display headlines to add elegance and warmth. · Use a clean humanist sans-serif for body text to ensure readability and a friendly tone.
Captured from the live site · real computed styles
11
System prompt
Zen Browser's design prioritizes a calm, beautiful, and privacy-focused experience. The palette is built on a warm off-white background (#F2F0E3) with deep charcoal text (#2E2E2E) and a single coral accent (#F76F53). Typography pairs a transitional serif for elegant headlines with a clean humanist sans-serif for readable body text. The layout is spacious, centered, and breathable, using generous vertical spacing and rounded corners (24px) on key components. Key donts: Do not use a cold blue accent; do not create dense, cramped layouts; do not use sharp, 90-degree corners on primary elements; do not use a pure white background; do not use aggressive, loud typography; do not clutter the interface with unnecessary visual noise.
Bring this taste to your agent
Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.