What websites look like Microsoft Azure?

Honeycomb, Porsche, Roam Research, MUI, Crisp have the closest design to Microsoft Azure, measured from their live pages: light or dark background, accent color, fonts, corners and headline size.

Websites like azure.microsoft.com

Websites like Microsoft Azure

Microsoft Azure's website is light (#F7F7F7), with Segoe UI Variable Display headings over Segoe UI Variable Text, 48px headlines at weight 500, 8px corners and a blue accent (#0078D4). These 12 sites share the most of that look, closest first.

What each site is compared with

Microsoft Azure

Background: Light #F7F7F7
Accent: Blue #0078D4
Font: Segoe UI Variable Display / Segoe UI Variable Text
Corners: 8px
Headlines: 48px, weight 500

Honeycomb4 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #0078CD
Same
Font
Poppins / Roboto
Differs
Corners
6px
Same
Headlines
52px, weight 500
Same
Porsche3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #007AFF
Same
Font
Porsche Next
Differs
Corners
8px, pill buttons
Close
Headlines
48px, weight 400
Same
Roam Research3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #137CBD
Same
Font
Inter
Differs
Corners
8px
Same
Headlines
44px, weight 700
Close
MUI3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #0073E6
Same
Font
General Sans / IBM Plex Sans
Differs
Corners
10px
Same
Headlines
56px, weight 600
Close
Crisp3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #0D66E9
Same
Font
Crisp Inter / Crisp Aeonik Pro
Differs
Corners
12px
Close
Headlines
48px, weight 400
Same
Trello3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #0065FF
Same
Font
Charlie Display / Charlie Text
Differs
Corners
5px
Close
Headlines
48px, weight 500
Same
Claude3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #1757AC
Same
Font
Anthropic Serif / Anthropic Sans
Differs
Corners
10px
Same
Headlines
56px, weight 330
Close
Tabnine2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #004C97
Same
Font
Open Sans
Differs
Corners
8px, pill buttons
Close
Headlines
46px, weight 700
Close
Iconify2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #026C9C
Same
Font
Inter
Differs
Corners
11px
Close
Headlines
48px, weight 700
Close
Beautiful.ai2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #00B9FF
Same
Font
Post Grotesk
Differs
Corners
12px, pill buttons
Close
Headlines
38px, weight 700
Close
Three.js3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #049EF4
Same
Font
Roboto Mono
Differs
Corners
4px
Differs
Headlines
48px, weight 500
Same
Wrike3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #0073D3
Same
Font
TT Norms Pro
Differs
Corners
10px
Same
Headlines
64px, weight 600
Differs

How these are matched

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

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