App flow — the Himalayan Horizon

How the end of every page looks and behaves with the range on the planet's edge: alpenglow, the flag raised on arrival and a light for every entry.

Snapshot of the system as it stands today. Edit in place; never record what changed.

How the end of every page works under ADR-0037. The bare curve of the planet becomes a range rising out of a sea of cloud, and the summit carries the flag. Sample values are invented (ADR-0008). Phone width first.

The flow and each screen are drawn with Archify; the page shows them and its Markdown carries their Mermaid (ADR-0022). Their sources are in diagrams/docs/: himalayan-horizon.json for the flow, one himalayan-horizon-screen-<n>.json per screen.

Entry points

  • The end of every page: docs pages, the home page and the 404. Everyone sees it, and nothing in the scene is a control.
  • The planet row: hovering or focusing an entry's link lights that entry's point on the mountain.
  • Not here: Markdown surfaces, which carry no footer. Screen readers skip the scene, which is aria-hidden, and read the closing line, the planet row and the credit.

Flow

The Himalayan HorizonOpen full screen

Screens

1. The Horizon — the end of any page, at phone width

Screen 1 — The Horizon, phoneOpen full screen

States

  • Empty: with no entries there are no traces and no lights, and the mountain stands bare; the planet row is not shown, as now.
  • Loading: none; the scene is inline in the static page. Before scripts run, the flag stands raised.
  • Not found: the 404 has the same scene.
  • Refused, error: not applicable.
  • Degraded: under reduced motion, with no scripts or with no scroll-driven animations, the star stands risen, the alpenglow is full, the flag stands raised and still, and the clouds stay where they are drawn.
  • Success: the flag is at the top of its pole by the time the closing line has been read, and is never left part-way.

2. The Horizon — the end of a docs page, on a wide screen

Screen 2 — The Horizon, wideOpen full screen

The summit and the flag are never cropped, at any width: the far and middle ranges run wider and fall off the edges, and the summit stays at the centre.

States

  • As screen 1.
  • Light theme: the same scene at dawn. The sky washes warm toward the ranges, the rock is the logo's navy, and the red and the flag do not change.
  • Success: hovering lodestar in the planet row brightens its light, in its ecosystem's colour, and it settles again when the pointer leaves.

On this page

2 min read