What websites look like Ruby on Rails?

Godot, Oracle, SavvyCal, Redis, PostHog have the closest design to Ruby on Rails, measured from their live pages: light or dark background, accent color, fonts, corners and headline size.

Websites like rubyonrails.org

Websites like Ruby on Rails

Ruby on Rails's website is light (#F0E7E9), with Calibre, 78px headlines at weight 700, 8px corners and a red accent (#D30001). These 12 sites share the most of that look, closest first.

What each site is compared with

Ruby on Rails

Background: Light #F0E7E9
Accent: Red #D30001
Font: Calibre
Corners: 8px
Headlines: 78px, weight 700

Godot2 of 5 same
Background
Light #EFF1F5
Same
Accent
Red #F35774
Close
Font
Montserrat
Differs
Corners
10px
Same
Headlines
60px, weight 800
Close
Oracle3 of 5 same
Background
Light #F4F4F4
Same
Accent
Red #C74634
Same
Font
Roboto
Differs
Corners
10px
Same
Headlines
28px, weight 700
Differs
SavvyCal2 of 5 same
Background
Light #FCF7ED
Close
Accent
Red #F54320
Same
Font
GT Alpina Condensed / Inter
Differs
Corners
6px
Same
Headlines
88px, weight 700
Close
Redis1 of 5 same
Background
Light #FFFFFF
Close
Accent
Red #FF4438
Same
Font
Primary / Space Grotesk
Differs
Corners
6px, pill buttons
Close
Headlines
64px, weight 500
Close
PostHog2 of 5 same
Background
Light #EEEFE9
Same
Accent
Orange #F54E00
Close
Font
Round Hog
Differs
Corners
6px
Same
Headlines
36px, weight 800
Differs
Brex1 of 5 same
Background
Light #FFFFFF
Close
Accent
Red #FF3D00
Close
Font
Inter
Differs
Corners
10px
Same
Headlines
72px, weight 500
Close
Noom2 of 5 same
Background
Light #F6F4EE
Same
Accent
Red #FB513B
Same
Font
Untitled Serif / Untitled Sans
Differs
Corners
30px, pill buttons
Differs
Headlines
45px, weight 400
Differs
Y Combinator1 of 5 same
Background
Light #F5F5EE
Same
Accent
Orange #FB651E
Close
Font
Outfit
Differs
Corners
8px, pill buttons
Close
Headlines
32px, weight 200
Differs
itch.io2 of 5 same
Background
Light #F4F4F4
Same
Accent
Red #DA2C49
Same
Font
Lato
Differs
Corners
3px
Differs
Headlines
15px, weight 900
Differs
Lucide1 of 5 same
Background
Light #FFFFFF
Close
Accent
Red #F56565
Same
Font
Inter
Differs
Corners
12px, pill buttons
Close
Headlines
56px, weight 700
Differs
Qwik2 of 5 same
Background
Light #FFFFFF
Close
Accent
None, monochrome
Differs
Font
Poppins
Differs
Corners
8px
Same
Headlines
80px, weight 600
Same
Evernote2 of 5 same
Background
Light #F9F6F2
Close
Accent
None, monochrome
Differs
Font
Figtree / Inter
Differs
Corners
6px
Same
Headlines
72px, weight 600
Same

How these are matched

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

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