Available Pages

Version History

Design Analysis

Transport Home design analysis

A dark-mode-forward, ui-rich system with 2d2d2d as the primary signal color. Identity comes from disciplined contrast, restrained surfaces, and a clear CTA hierarchy rather than decorative chrome. Captured 1 surfaces wit...

Key Takeaways

  • Make the main action obvious within the first screenful.
  • Keep supporting hierarchy readable even when cards, stats, or imagery get dense.
  • Preserve a consistent tone across light and dark surfaces.
  • 2D2D2D appears as the primary signal color.
  • Untitled Sans handles display hierarchy while Untitled Sans stabilizes body copy.
  • 9999px control corners and 20px component corners keep the surface family coherent.

Design Readout

A dark-mode-forward, ui-rich system with 2d2d2d as the primary signal color. Identity comes from disciplined contrast, restrained surfaces, and a clear CTA hierarchy rather than decorative chrome. Captured 1 surfaces with 11 sampled CTAs, 10 distinct text or accent colors, and 4 visible font families on the primary surface.

2. System Summary

Operational clarity with restrained polish. Core identity comes from precise typography, tight component consistency, and one accent color used as a navigation beacon. The package is tuned for repeatable implementation decisions rather than pixel-perfect duplication of the source marketing layer.

Experience Goals

  • Make the main action obvious within the first screenful.
  • Keep supporting hierarchy readable even when cards, stats, or imagery get dense.
  • Preserve a consistent tone across light and dark surfaces.

Signature Signals

  • 2D2D2D appears as the primary signal color.
  • Untitled Sans handles display hierarchy while Untitled Sans stabilizes body copy.
  • 9999px control corners and 20px component corners keep the surface family coherent.
SpacePlay/PauseSeek 1sShiftSeek 10s