Brands813
↑ ↓ to browse
View full design.md ↗
Vivaldi· Browservivaldi.com
Browser

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.

Color Palette23 tokens
background#ffffff
surface#ffffff
surface-muted#eeeeee
surface-tint#f2f4f8
ink#2f374f
ink-strong#2f374f
ink-medium#424b67
ink-soft#4f5878
ink-muted#475467
on-primary#ffffff
on-dark#ffffff
primary#ef3939
primary-hover#cb3030
primary-deep#d9302d
ink-black#111111
border#eeeeee
border-strong#b7bcc0
success#1b8848
donate#2f374f
bullet#d9d9d9
shadow-soft#000000
shadow-ambient#000000
shadow-highlight#ffffff
Buttons
TypographyGoogle Font
Inter
display-hero

The quick brown fox

64px · 900 · -1.408px
display

The quick brown fox

54px · 700 · -1.188px
heading

The quick brown fox

44px · 700 · -0.968px
heading-sub

The quick brown fox

26px · 700 · -0.572px
lead

The quick brown fox

22px · 400 · 0px
IconsLucide
Set: Lucide · brand-matched
Formfocus ring
Email
you@company.com
Password
••••••••
Card · Shapes

Vivaldi

A bright white canvas, a single confident signal-red accent, deep slate-navy ink, and a friendly system-font sans — the…

Browser
none
sm
md
lg
Elevation
RING
CARD
ELEVATED
Controls
On
Off
✓Checked
Unchecked
Selected
Option
Alerts
Heads up — a new version of the design system is available.
Saved. Your changes are live across all surfaces.
Some tokens are missing a contrast-safe pairing.
Couldn’t reach the server. Retry in a moment.
Badges
SolidSoftOutlineNewv2.0
FAQ
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, customiza…
How does it integrate with my stack?
Is there a free tier?
Tabs
OverviewActivitySettings
DayWeekMonth
Stats
48.2k
Active users
+12.4%
$12.8k
MRR
+3.1%
99.9%
Uptime
−0.02%
Table
MemberPlanStatus
AQAvery QuinnPro Active
JLJordan LeeTeam Pending
SRSam RiveraFree Active
Avatars
AQJLSR+5
AQ
Avery Quinn
Online · Owner
Slider · Progress
Volume62%
Storage used78%
Tooltip · Popover
Brand-styled tooltipHover target

Keyboard shortcuts

Press ⌘K to open the command menu, ? for help.

Navigation bar
Banner
NewVivaldi just shipped a refreshed design system.Read more →
Pricing
Pro
$24 /mo
  • Unlimited projects
  • Priority support
  • Custom domains
Stepper
CartDetails3Payment4Review
Breadcrumb
HomeBrowserVivaldi
Menu
Profile
Settings
Billing
Sign out
Toast
Changes savedUndo
You have 3 new updates
Activity
Avery created a new project
2h ago
Jordan left a comment
5h ago
Sam shipped v2.0
1d ago
Notifications
AQAvery Quinn invited you to Vivaldi.
2 minutes ago
JLJordan Lee approved your design tokens.
1 hour ago
SRSam Rivera mentioned you in a thread.
Yesterday
Code
theme.ts
// Vivaldi tokens
export const theme = {
  primary: "#ef3939",
  radius: "5px",
}
Calendar
March 2026
SMTWTFS28291234567891011121314151617181920212223242526272829303112
No resultsTry adjusting your filters or search for something else.
Loading
Pagination
‹123…12›
Brand moment

Vivaldi's site is the rare power-user pitch that doesn't look like a power-user pitch. The headline — "The only web browser powerful enough for you!" — promises endless customizati…

Vivaldi · Browser

Similar systems

Generated from shared tags, visual DNA, category, color, type, and radius.

Filter by this ↗
DuckDuckGo86%

shared styles: Light, Playful, Minimal · same category: Browser

Orion (Kagi)73%

shared styles: Light, Minimal · same category: Browser

SigmaOS73%

shared styles: Playful, Colorful · same category: Browser

Opera70%

shared styles: Colorful, Minimal · same category: Browser

Arc Browser70%

shared styles: Light, Colorful · same category: Browser

Freepik69%

shared styles: Light, Playful, Colorful · visual DNA: Light, Colorful, Warm