What websites look like Chakra UI?

Fathom, Cypress, Remote, Glovo, Bench have the closest design to Chakra UI, measured from their live pages: light or dark background, accent color, fonts, corners and headline size.

Websites like chakra-ui.com

Websites like Chakra UI

Chakra UI's website is light (#FFFFFF), with Wix Madefor Text, 48px headlines at weight 600, 6px corners and a teal accent (#0D9488). These 12 sites share the most of that look, closest first.

What each site is compared with

Chakra UI

Background: Light #FFFFFF
Accent: Teal #0D9488
Font: Wix Madefor Text
Corners: 6px
Headlines: 48px, weight 600

Fathom3 of 5 same
Background
Light #FFFFFF
Same
Accent
Teal #49BEA7
Same
Font
Lausanne
Differs
Corners
5px, pill buttons
Close
Headlines
46px, weight 500
Same
Cypress3 of 5 same
Background
Light #FFFFFF
Same
Accent
Teal #007780
Same
Font
Poppins
Differs
Corners
8px, pill buttons
Close
Headlines
48px, weight 700
Same
Remote3 of 5 same
Background
Light #FFFFFF
Same
Accent
Teal #C4FAFE
Same
Font
Rotina
Differs
Corners
6px
Same
Headlines
56px, weight 700
Close
Glovo3 of 5 same
Background
Light #FFFFFF
Same
Accent
Teal #035949
Same
Font
Glovo Sans
Differs
Corners
10px, pill buttons
Close
Headlines
48px, weight 700
Same
Bench3 of 5 same
Background
Light #FFFFFF
Same
Accent
Teal #3FA684
Close
Font
Circularstd
Differs
Corners
8px
Same
Headlines
52px, weight 700
Same
Starling Bank3 of 5 same
Background
Light #F8F5F0
Close
Accent
Teal #50FFEB
Same
Font
Avantt
Differs
Corners
4px
Same
Headlines
48px, weight 550
Same
FastAPI2 of 5 same
Background
Light #FFFFFF
Same
Accent
Teal #009485
Same
Font
Roboto
Differs
Corners
20px
Differs
Headlines
42px, weight 600
Close
Smartsheet2 of 5 same
Background
Light #FFFFFF
Same
Accent
Teal #10826A
Same
Font
TT Norms
Differs
Corners
24px
Differs
Headlines
58px, weight 600
Close
Tuple2 of 5 same
Background
Light #FFFFFF
Same
Accent
Teal #20D5CA
Same
Font
Inter
Differs
Corners
8px, pill buttons
Close
Headlines
120px, weight 500
Differs
Honeycomb3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #0078CD
Differs
Font
Poppins / Roboto
Differs
Corners
6px
Same
Headlines
52px, weight 500
Same
Three.js3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #049EF4
Differs
Font
Roboto Mono
Differs
Corners
4px
Same
Headlines
48px, weight 500
Same
Roam Research3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #137CBD
Differs
Font
Inter
Differs
Corners
8px
Same
Headlines
44px, weight 700
Same

How these are matched

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

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