Emblematic
Railway homepage, desktop
Railway homepage, mobile
Mobile, 390px

Typography

scale ratio 1.275
  • Interbody400 500 600 70038%
  • Menlocss: ui-monospacemono40032%
  • JetBrains Monoother400 50015%
  • IBM Plex Serifdisplay400 50014%
stylefamilysizeweightlinetracking
displayIBM Plex Serif54px5001.12-0.036em
headlineIBM Plex Serif36px4001.333-0.02em
titleInter13px5001.5380em
bodyInter16px4001.50em
body-smJetBrains Mono12px4001.6250em
labelInter13px4001.5380em
Type scale
Aa6Aa6.5Aa11Aa11.5Aa12Aa13Aa14Aa16Aa18Aa20Aa36Aa40Aa54
Body size
16px / 1.5
Display size
54px
Display tracking
-0.036em
Case
sentence

Color

dark scheme
Palette by painted area
Text on bg
18.67:1
Muted on bg
3.86:1
Accent on bg
2.16:1
Dark mode
none
Declared accent tokens
  • --agents-accent#A78BFEnot on page

Space, shape & depth

Spacing scale (base 4px)
  • 2
  • 4
  • 6
  • 8
  • 12
  • 16
  • 20
  • 24
  • 32
  • 40
  • 48
  • 64
  • 80
  • 96
Corner radii
4
Shadows (2)
Borders
hairline, 1px
Section padding
96px

Components

exact computed values
button-primary
Deploy →
backgroundColor
#553F83
textColor
#FFFFFF
rounded
8px
padding
12px 24px
height
58px
fontFamily
Inter
fontSize
20px
fontWeight
500
border
1px solid #FFFFFF26
button-secondary
backgroundColor
#3D2259
textColor
#F7F7F8
rounded
8px
padding
0px 0px
height
32px
fontFamily
Inter
fontSize
16px
fontWeight
400
card
rounded
4px
padding
0px
border
1px solid #FFFFFF1A

Layout & motion

Container
1160px
Grid columns
12
Hero
centered-over-media+media-below
Navigation
none-detected
Page height
12,494px
Easing
cubic-bezier(0.4, 0, 0.2, 1)
Durations
150ms 200ms 700ms 1000ms
Transitions
19
Keyframes
3
Stack
tailwind, radix-ui, google-tag-manager

Page sections (8)

section labels are heuristic
  1. Railway feature-detail section
    02feature detail?Instant networking. Zero setup.
  2. Railway content section
    04content?
  3. Railway feature-detail section
    05feature detail?Trusted by the best in business
  4. Railway feature-detail section
    06feature detail?229.4M + deploys per month (and counting)
  5. Railway features section
    07features?
  6. Railway footer section
    08footerLegal

How Railway compares

Body text
16px, the same as 40% of indexed sites (median 16px).
Largest heading
54px: smaller than 60% of indexed sites (median 60px).
Type scale
1.27×: flatter than 55% of indexed sites (median 1.28×).
Container
1160px: narrower than 68% of indexed sites (median 1242px).
Text contrast
18.7:1: higher than 62% of indexed sites (median 17.6:1).
Page length
12,494px: longer than 84% of indexed sites (median 8,217px).
Corner radius
Mostly 4px, shared by 24 of 274 indexed sites (9%).
Inter
One of 58 indexed sites that load Inter (21%).
JetBrains Mono
One of 11 indexed sites that load JetBrains Mono (4%).
Color scheme
Dark by default, like 25% of indexed sites. Like 82% of sites, it doesn't switch with the system dark mode setting.

In short

What font does Railway use?

Railway uses Inter for body text. Menlo (loaded as "ui-monospace") is used for code. JetBrains Mono is used for other.

What are Railway's brand colors?

Railway's website uses a dark scheme: background #13111C, surface #0B0B0F, text #FFFFFF, muted text #6B7280 and borders #FFFFFF16.

How is Railway's website laid out?

The most common corner radius is 4px, body text is 16px with 1.5 line height, and the page container is 1160px wide.

Similar to Railway

Unicorn Studio homepage
Inter Tight / Faculty Glyphic / Inter#101010
Unicorn Studiounicorn.studio
Capacities homepage
SF Pro (system-ui) / Inter / JetBrains Mono#FFFFFF
Capacitiescapacities.io
Deepnote homepage
Inter / Degular / Bricolage Grotesque#FFFFFF
Deepnotedeepnote.com
Expo homepage
Inter / JetBrains Mono#FFFFFF
Expoexpo.dev
Pipedream homepage
Inter / JetBrains Mono / Departure Mono#FFFFFF
Pipedreampipedream.com