Three cloned systems, one set of words

Each pane is a real clone — its own measured foundation, its own components, its own generated imagery. The DriveOn copy is identical across all three on purpose, so the only variable left is the system. Panes are live iframes rendering at a real 1440 breakpoint; the top crop is 1:1 and unscaled for judging type.

A

Performance Lab

theperformancelab.ca

5 sections · 6 images

HERO · 1:1, NOT SCALED

Open A full size
Scale
VIEWPORT-PROPORTIONAL — every size a multiple of one 0.734vw unit
Sizes @1440
10.58 · 12.34 · 14.10 · 28.20 · 31.73 · 45.83 · 51.12 · 158.64
Families
display 274 uses : mono 226 — mono carries half the page
Tracking
CONSTANT −.04em on every display size; mono −.02em
Leading
exactly two regimes — .80 large display, 1.00 mid
Accent
#ff350d as a BACKGROUND 32× — spent, never hoarded
Structure
sections padding: 0; every section authored TWICE (mobile + desktop trees)

Reads as instrumentation. Constant tight tracking and .80 leading make display type feel machined. The loudest of the three by a distance.

B

Oura

ouraring.com

5 sections · 6 images · 5 spec files

HERO · 1:1, NOT SCALED

Open B full size
Scale
round INTEGER px — no vw anywhere
Sizes @1440
12 · 16 · 24 · 40 · 48 · 80 · 110
Families
AkkuratLL 88 uses : Editorial New 10 — serif is display-only
Tracking
SIZE-SPECIFIC — 110px −.05em, 80px −.025em, under 40 normal
Leading
1.0 – 1.5, no single rule
Accent
#2A72DE, painted exactly 1× — the hero CTA
Structure
22-column named-line grid; column count drops to 8 at 390

Reads as editorial. Roman headlines whose closing phrase drops into italic serif — the italic is a fragment, never the whole line.

C

Eight Sleep

eightsleep.com

4 of 10 blocks · 9 images · 2 video

HERO · 1:1, NOT SCALED

Open C full size
Scale
round INTEGER px
Sizes @1440
10 · 12 · 15 · 16 · 17 · 18 · 22 · 28 · 36 · 64
Families
ONE — NeueMontreal, 352 uses. No second family anywhere.
Tracking
POSITIVE ~+.01em on everything; negative ONLY at 64px
Leading
TIGHT throughout — 16px runs .94, 22px runs 1.09, prose 1.40
Accent
none. Black, white, #f9f8f7, two greys.
Structure
NO token layer — CSS Modules only. 11 videos. 4073px square gradient.

Reads as product. Total single-typeface discipline and positive tracking — the exact inverse of A's constant negative.

Every value in the tables above came from live getComputedStyle on the reference at 1440, not from looking. All media is DriveOn’s own — stills generated on the keyless gpt-image-2 route, video reused from DriveOn’s existing rendered footage. No third-party photography, video, wordmark or copy is shipped, and all three references use commercially licensed typefaces which are substituted here. Earlier layout directions coded from dribbble shots remain at /v.