# 0 — Skyzon

The chosen direction, and what tailabs.ai now runs.

Skyline's cinema and movement: five city films that play on their own, the
mosaic resolve on the hero and the cards, interactive film cards, presence,
number tickers, the dark signed-in shell with its film cards and rows.
Horizon's calm and space: oversized medium-weight headlines with one serif
accent phrase, generous section rhythm, and far fewer things on each screen.

The fifteen pages here follow the same thirteen-moment journey spine as
Skyline, Campus and Clubhouse (see ../JOURNEY.md), so the four can be compared
moment by moment. They share `flow.css` and `flow.js`. Films are the same
local encodes the application serves from `/skyzon/film/`; see
`/skyzon/SOURCES.md` for provenance and licence.

The application implementation lives in `src/features/skyzon`: `CityFilm`
(the autoplaying film), `home/*` (the eight homepage sections),
`SkyzonEntryFrame` (sign in, sign up, start, reset) and `SkyzonHome` (the
signed-in home). The dark shell is the `.sz-app` token block in
`src/features/skyzon/skyzon.css`; the light marketing palette is the `:root`
block in `src/styles.css`.

Every page here is a labelled prototype. Forms, invitations, runs and
purchases are local demonstrations; nothing is sent anywhere.