Final days to get up to 40% off.•Shop now.•Final days to get up to 40% off.•Shop now.•Final days to get up to 40% off.

The Cloudmonster Collection

Engineered for responsive runs. Finished in new colorways.

Shop Now Explore the collection
Featured

Shop the collection

Bestseller

Cloudmonster 2

Maximum cushioning, maximum energy return.

$179.99
New

Cloudsurfer

Smooth ride with CloudTec Phase.

$159.99
Trail

Cloudvista 2

Grip and comfort for every terrain.

$149.99
Shop · Road running
Cloudmonster 2$179.99
Cloudsurfer$159.99
Cloudflow 4$139.99
Cloudeclipse$189.99
Controls

Monochrome pills and mono chips

Primary Outline Mono CTA 01 Disabled Chip Eco Sale Badge
Inverse Inverse ← ON DARK
Primary Outline ← hover (primary → #333333)
Email address Focused input ← focus ring

Buttons are 40px-radius pills, 48px tall, 0 24px, On 16/500, 1px border, in black/white inverse pairs; primary hovers to #333333. Circular icon buttons and chips use On Mono UPPERCASE at +0.84px. The focus ring is a framework blue (#2f7efe); a black ring is recommended for brand fit.

Typography

On grotesque plus On Mono

Display (h1/h2) · On · 50/55 fluid · 700 · -0.5pxThe Cloudmonster
Lead body · On · 31/40 · 400 · normalEngineered for responsive runs.
Nav · On · 20/30 · 700 · normalShop   Activities   Explore
Button · On · 16/20 · 500 · normalShop Now
Mono label / ticker · On Mono · 14 · 500 · +0.84px UPPERFinal days to get 40% off
Eyebrow / tag · On Mono · 12–14 · 500 · +0.84px UPPERBestseller
Palette

Monochrome chrome, colour in imagery

Ink & text
ink#000000
dark#222222
hover-dark#333333
muted#555555
faint#666666
ink-navy#151522
Surfaces & borders
white#ffffff
grey-surface#f4f4f4
spotlight-1#f6f7f8
spotlight-2#eceef0
border-grey#e5e5e5
Tag colours (badges only)
tag-mint#60bc9d
tag-orange#e15f14
tag-olive#995c00
Depth and motion

Flat content, light chrome shadows

2px
4px card
20px
40px pill
50% icon
subtle chrome shadow
1px border card
flat content

Content is flat; a subtle multi-layer shadow (rgba(0,0,0,.05) + rgba(0,0,0,.1)) is reserved for floating chrome. Cards use a small 4px radius, buttons a 40px pill. Motion: background 0.2s ease hovers, transform 0.3s cubic-bezier(.87,0,.13,1), and a signature 235s ticker marquee.