Home
DESIGN.md
Star on GitHub
Building AI to Simulate the World
We are building AI to simulate the world through merging art and science.
Text-to-Video Generation
New Generation
Gen-4.5
Prompt
Low-angle tracking shot of a lone figure walking through a rain-soaked neon alley at night, volumetric fog, cinematic 35mm, shallow depth of field.
Model
Gen-4.5
Gen-4
Gen-4 Turbo
Gen-3 Alpha
Gen-3 Alpha Turbo
Resolution
1080p
720p
Aspect ratio
16:9
9:16
1:1
Duration
5s
10s
Generate
5s · 1080p · 5 credits
Queued
Describe a shot, choose a model,
and Generate to render a clip.
gen45_0001.mp4
Complete
Deterministic preview. Real generations run on Runway's Gen-4 and Gen-4.5 models with Act-Two, Motion Brush and Frames.
Color
Primary — ink & paper
offBlack
#0C0C0C
Primary ink, dark surface
offWhite
#EFEEE6
Warm paper background
black
#000000
Max-contrast fill
white
#FFFFFF
Media frames
Surfaces
offWhiteAlt
#F6F6F6
Cards, panels
surface-line
#E5E5E5
Hairline borders
dark-800
#1A1A1A
Elevated dark surface
dark-700
#3A3A3A
Border / control on dark
Text
ink
#0C0C0C
Primary text (light)
ink-muted
#7C7C7C
Secondary / caption
on-dark-muted
#9CA3AF
Secondary text (dark)
Semantic — monochrome by design
queued
#7C7C7C
Neutral / queued
active
#0C0C0C
Generating (+ shimmer)
complete
#0C0C0C
Done — ink on paper
Typography
display
Times Now ≈ · serif · 400
Simulate the World
56px
serif
headline
ABC Normal · 500
A New Frontier for Generative Video
32px
500
title
ABC Normal · 500
General World Models
20px
500
body
ABC Normal · 400
Runway is being used by the world's leading organizations across industries.
16px
400
ui
ABC Normal · 400
Try Runway · Get Started · Explore the Research
14px
400
meta
mono · 400
gen-4.5 · 1080p · 16:9 · 5s · 5 credits
12px
mono
Components
Buttons
Try Runway
Get Started
Learn more
Login
Model & tool badges
Gen-4.5
Gen-4 Turbo
Act-Two
Aleph
Frames
Motion Brush
Prompt input
Slow dolly toward an astronaut on a windswept dune at golden hour.
Segmented control
16:9
9:16
1:1
5s
10s
Spacing
space-1
4px
space-2
8px
space-3
12px
space-4
16px
space-6
24px
space-8
32px
space-12
48px
space-16
64px
Guardrails
DO
Keep surfaces monochrome — warm off-white #EFEEE6 paper and off-black #0C0C0C ink carry the brand.
Reserve the serif (Times Now ≈) for hero and display only; everything functional is ABC Normal.
Preserve the warm off-white tint #EFEEE6 — never flatten it to pure #FFFFFF.
Let generated media supply all the color; the chrome stays neutral.
Use real model names exactly — Gen-4.5, Gen-4 Turbo, Act-Two, Aleph.
DON'T
Introduce a brand accent color — Runway has no green/blue/orange brand hue.
Recolor the wordmark or add a gradient to it.
Use the serif for body, labels, or UI text.
Default to pure #000 / #fff where the off-black / off-white tokens apply.
Communicate state with saturated color chips — use neutrals, motion, and copy.