Head Up · Direction Review
2026-04-25 · For Monday review
Internal — for the Monday review

Three routes,
pick one.

Per the client's brief: minimal, clean, with motion that lifts the work — not a single full demo. Below are three focused animation directions. Each is a working prototype, scrollable on its own. Tone, type system and motion language are all distinct so the choice can be made on feeling, not feature lists.

Read TONE.md Open each in fullscreen on a 14"+ screen for the proper read
Route A · Editorial
01
A · Editorial Warm · Magazine · Fraunces

Quiet, considered, magazine-grade.

TSL's clean structure, lifted to editorial. Warm paper, deep ink, terracotta accent. Sticky chapter rail, word-stagger reveals, image-mask case studies, subtle counters.

  • Fraunces variable
  • JetBrains Mono
  • Image masks
  • Sticky chapter rail
Open Route A
Route B · Premium
next
B · Premium Spatial · Linear/Vercel · Manrope

International, product-grade, Apple-pacing.

Pinned hero with weight + scale shift on scroll. Mega-type chunked reveal. Horizontal snap case gallery on dark. Magnet CTA. Generous whitespace.

  • Manrope variable
  • Instrument Serif
  • Pinned hero
  • Horizontal snap
Open Route B
HEAD UP — HEAD UP — HEAD UP
Route C · Kinetic
/03
C · Kinetic Dark · Agency · Bricolage

Studio with momentum.

Cloudix-inspired energy, but quieter. Outline + solid mixed display, ghost wordmark, multi-speed scroll-driven horizontal text, custom cursor, magnet CTA, grain over everything.

  • Bricolage variable
  • Inter Tight
  • Multi-speed marquee
  • Custom cursor
Open Route C

How to read each route

Each route shows the same Head Up brand & content, executed in three distinct animation languages. The point is to pick the language, not the page.