What websites look like Firebase?

freeCodeCamp, Audible, Crunchbase, pnpm, Atlassian have the closest design to Firebase, measured from their live pages: light or dark background, accent color, fonts, corners and headline size.

Websites like firebase.google.com

Websites like Firebase

Firebase's website is light (#FFFFFF), with Google Sans, 75px headlines at weight 700, 4px corners and an orange accent (#F57C00). These 12 sites share the most of that look, closest first.

What each site is compared with

Firebase

Background: Light #FFFFFF
Accent: Orange #F57C00
Font: Google Sans
Corners: 4px, pill buttons
Headlines: 75px, weight 700

freeCodeCamp3 of 5 same
Background
Light #F5F6F7
Same
Accent
Orange #FEAC32
Same
Font
Lato
Differs
Corners
Square
Differs
Headlines
72px, weight 700
Same
Audible3 of 5 same
Background
Light #FFFFFF
Same
Accent
Orange #FFA000
Same
Font
Audible Sans
Differs
Corners
6px, pill buttons
Same
Headlines
28px, weight 400
Differs
Crunchbase2 of 5 same
Background
Light #FFFFFF
Same
Accent
Orange #FAD391
Same
Font
Public Sans
Differs
Corners
6px
Close
Headlines
72px, weight 350
Differs
pnpm2 of 5 same
Background
Light #FFFFFF
Same
Accent
Orange #F69220
Same
Font
Inter
Differs
Corners
12px, pill buttons
Differs
Headlines
64px, weight 800
Close
Atlassian3 of 5 same
Background
Light #FFFFFF
Same
Accent
Purple #803FA5
Differs
Font
Charlie Display / Charlie Text
Differs
Corners
6px, pill buttons
Same
Headlines
72px, weight 800
Same
Behance3 of 5 same
Background
Light #F9F9F9
Same
Accent
Blue #0057FF
Differs
Font
Acumin Pro Wide / Acumin Pro
Differs
Corners
6px, pill buttons
Same
Headlines
80px, weight 600
Same
Google Cloud2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #336EF3
Differs
Font
Google Sans
Same
Corners
20px
Differs
Headlines
57px, weight 500
Close
npm2 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Differs
Font
Poppins / Arimo
Differs
Corners
4px
Close
Headlines
80px, weight 600
Same
Evernote2 of 5 same
Background
Light #F9F6F2
Same
Accent
None, monochrome
Differs
Font
Figtree / Inter
Differs
Corners
6px
Close
Headlines
72px, weight 600
Same
Redis2 of 5 same
Background
Light #FFFFFF
Same
Accent
Red #FF4438
Differs
Font
Primary / Space Grotesk
Differs
Corners
6px, pill buttons
Same
Headlines
64px, weight 500
Close
Rust1 of 5 same
Background
Light #FFFFFF
Same
Accent
Yellow #FFC832
Close
Font
Alfa Slab One / Fira Sans
Differs
Corners
4px
Close
Headlines
96px, weight 300
Differs
Substack2 of 5 same
Background
Light #FFFFFF
Same
Accent
Orange #FF6719
Same
Font
Spectral
Differs
Corners
8px, pill buttons
Differs
Headlines
104px, weight 600
Differs

How these are matched

Each of the 475 sites in the design library is compared with Firebase 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 Firebase itself? See Firebase's fonts and color codes, or print the full report.

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