Design System
Gallery

Railway

railway.com ↗

Minimal dark-mode developer platform with near-black surfaces, crisp white type, and calm, confident copy.

Ship software peacefully

Build on these tokens

Download the file and seed any AI tool — or install it into a real Next.js project so every generated page shares this palette, type, and shape.

Download railway.mdthen, in your project:
$ npm i -g @getcoherent/cli
$ coherent import design railway.md

Colour

#13111c
brand · icon text
#ffffff
text · body text
#f7f7f8
neutral · button-secondary text

Typography

Families: Inter · -apple-system · system-ui · Segoe UI

display54pxw500/60.48px
h140pxw700/65px
h236pxw400/48px
h320pxw700/30px
h418pxw500/28.8px
h516pxw400/26px
h614pxw500/20px
body13pxw600/21.6666px

Spacing

6px8px12px16px48px80px96px

Radius

0px
6px
8px
10px
16px
9999px

Elevation

rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(255, 255, 255, 0.2) 0px 0px 0px 1.5px inset
rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(62, 45, 45, 0.24) 0px 100px 191px 0px, rgba(62, 45, 45, 0.165) 0px 36.5016px 69.7181px 0px, rgba(62, 45, 45, 0.133) 0px 17.7209px 33.8469px 0px, rgba(62, 45, 45, 0.106) 0px 8.6871px 16.5924px 0px, rgba(62, 45, 45, 0.075) 0px 3.43489px 6.56065px 0px
rgba(65, 78, 166, 0.1) 0px -12px 127px 0px, rgba(65, 78, 166, 0.07) 0px -4.38px 46.357px 0px, rgba(65, 78, 166, 0.06) 0px -2.127px 22.506px 0px, rgba(65, 78, 166, 0.04) 0px -1.042px 11.033px 0px, rgba(65, 78, 166, 0.03) 0px -0.412px 4.362px 0px
rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset

Gradients

linearlinear-gradient(rgb(24, 13, 67) 40px, rgba(24, 13, 67, 0) 100%)
linearlinear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.05))
linearlinear-gradient(to top, rgb(49, 60, 60), rgba(40, 52, 52, 0))

Borders

1px solid #ffffff
1px solid #ffffff
1px solid #ffffff
1px solid #33323e

Motion

150mscubic-bezier(0.4, 0, 0.2, 1)color
150mscubic-bezier(0.4, 0, 0.2, 1)filter
150msease-in-outopacity

Surfaces

#13111c
page
#13111c
section

Layout

Breakpoints
sm · 376pxmd · 768pxxl · 1200px
Container widths
1280px
z-index ladder
11020509999
Extracted from live CSS by Coherent (dark mode). Numeric fields reflect the site at capture time; roles and the summary are inferred. Tokens and prose only — a description, not a copy.
Save railway.md to your device

Open it on your desktop to run the CLI.