What websites look like Opera?

WooCommerce, Proton, Insomnia, The Verge, Codecademy have the closest design to Opera, measured from their live pages: light or dark background, accent color, fonts, corners and headline size.

Websites like opera.com

Websites like Opera

Opera's website is light (#FFFFFF), with Be Vietnam Pro, 59px headlines at weight 900, 17px corners and a blue accent (#5021FF). These 12 sites share the most of that look, closest first.

What each site is compared with

Opera

Background: Light #FFFFFF
Accent: Blue #5021FF
Font: Be Vietnam Pro
Corners: 17px
Headlines: 59px, weight 900

WooCommerce3 of 5 same
Background
Light #FFFFFF
Same
Accent
Purple #873EFF
Same
Font
Proxima Vara / Inter
Differs
Corners
16px
Same
Headlines
65px, weight 600
Differs
Proton2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #6D4AFF
Same
Font
Proton Serif / Proton Sans
Differs
Corners
17px, pill buttons
Close
Headlines
60px, weight 400
Differs
Insomnia2 of 5 same
Background
Light #FFFFFF
Same
Accent
Purple #4000BF
Same
Font
Roboto
Differs
Corners
10px
Differs
Headlines
48px, weight 700
Close
The Verge2 of 5 same
Background
Light #FFFFFF
Same
Accent
Purple #5200FF
Same
Font
Manuka / Poly Sans
Differs
Corners
22px, pill buttons
Close
Headlines
90px, weight 900
Differs
Codecademy2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #3A10E5
Same
Font
Apercu
Differs
Corners
6px, pill buttons
Differs
Headlines
64px, weight 700
Close
Heroicons2 of 5 same
Background
Light #FFFFFF
Same
Accent
Purple #8B5CF6
Same
Font
Inter
Differs
Corners
12px, pill buttons
Close
Headlines
36px, weight 800
Differs
Excalidraw2 of 5 same
Background
Light #F6F6F9
Same
Accent
Blue #6965DB
Same
Font
Assistant
Differs
Corners
8px, pill buttons
Differs
Headlines
45px, weight 700
Close
Twitch2 of 5 same
Background
Light #F7F7F8
Same
Accent
Purple #5C16C5
Close
Font
Inter
Differs
Corners
16px
Same
Headlines
14px, weight 600
Differs
Yarn2 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Differs
Font
PT Sans
Differs
Corners
18px
Same
Headlines
64px, weight 700
Close
Hostelworld2 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Differs
Font
Poppins
Differs
Corners
24px
Close
Headlines
64px, weight 800
Same
Netlify2 of 5 same
Background
Light #FFFFFF
Same
Accent
Teal #32E6E2
Differs
Font
Figtree
Differs
Corners
20px, pill buttons
Close
Headlines
64px, weight 800
Same
ESLint2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #4B32C3
Same
Font
Space Grotesk / Inter
Differs
Corners
8px
Differs
Headlines
66px, weight 500
Differs

How these are matched

Each of the 475 sites in the design library is compared with Opera on five things you see at a glance. Background: light or dark, and how close the shade is. Accent: the hue of the color on buttons and links. Font: the same family for headings and body, or one of them. Corners: the typical radius and pill buttons. Headlines: the largest type size and its weight. Same counts most, close counts half. Open any site for its fonts, color codes and a prompt for Claude Code, Cursor, Lovable or v0.

Want Opera itself? See Opera's fonts and color codes, or print the full report.

Measured from each site's live page as a browser renders it, Opera on 25 October 2026. Siteprint is not affiliated with these sites; names and trademarks belong to their owners.