Brands813
to browse
← All design systems

Browser design systems

10 tokenized DESIGN.md references for browser products and brands.

Arc Browser

Cream-paper canvas, electric Arc Blue at full-bleed scale, restrained 2–3-color gradient mesh atmosphere, frosted glass panels, and Marlin Soft SQ display typography.

ColorfulGradientWarmLight
Brave

Near-white canvas, indigo-blurple primary CTAs, a bold editorial serif display font (FlechaM), thick 2px dark borders, and pill-shaped buttons — a newspaper-meets-browser aesthetic that communicates trust through typographic confidence.

BoldCoolGradientMinimal
Dia

A warm off-white reading room where a transitional ABC Oracle display sets the tone, ink stays near-black, and a single soft chartreuse-lime glows through the pill toggles — The Browser Company's calmer, AI-native browser that looks like a well-set page, not a control panel.

LightWarmEditorialSerif
DuckDuckGo

Pale gray-white canvas, DuckDuckGo Blue primary CTAs, Proxima Nova at heavy display weights, rounded-everything shape language, and a signature friendly-but-serious tone that makes privacy feel approachable rather than paranoid.

MinimalLightPlayful
Firefox

Mozilla's 2026 Firefox redesign — a deep-purple canvas lit by a vivid electric-purple accent and the literal flame, oversized rounded display type in Mozilla Headline VF, gigantic 128px corner radii, and the brand's signature fox-flame gradient as the one piece of heat in an otherwise cool, confident dark system.

DarkBoldColorfulGradient
Opera

A bright white canvas washed in warm-amber and vivid-violet radial glows, Be Vietnam Pro at weight-900 for all display work, and a saturated electric-violet primary that handles every CTA — a browser brand that reads equal parts tech-forward and warmly approachable.

BoldColorfulGradientMinimal
Orion (Kagi)

Near-white canvas with a faint lavender lift, a single violet-purple brand accent, Lufga's geometric warmth at every size, and a clean precision that says privacy doesn't have to be austere.

MinimalCoolLight
SigmaOS

Warm peach canvas, a pink-to-orange gradient CTA stamp, the custom Jokker display face bringing rounded friendliness, and pastel feature cards that feel like illustrated stickers — a browser for people who find Chrome overwhelming and want the web to feel approachable.

ColorfulPlayfulWarmGradient
Vivaldi

A bright white canvas, a single confident signal-red accent, deep slate-navy ink, and a friendly system-font sans — the browser-for-power-users dressed in calm, customizable, geometry-first chrome instead of neon.

LightPlayfulColorfulMinimal
Zen Browser

Warm parchment-cream canvas, soft charcoal ink, a single coral ember accent, Junicode serif heroes against Bricolage Grotesque body, and gently rounded glass screenshots — a calm, open-source serenity.

WarmMinimalSerifLight