hueRelay
Swiss transit board (fictional) system.
Relay is the dispatch system for a logistics-adjacent product. Bold geometric sans, electric-amber accent, structural cards.
On time, on grid. Relay is the dispatch and timetable platform for operations teams. The identity is borrowed straight from a station hall: a hairline grid, a black header strip, tabular numerals, and one red square that says 'this is moving'. Nothing is rounded, nothing decorative, nothing late.
Anatomy
Fictional Swiss transit dispatch and timetable platform. Pure white canvas, hairline black borders, one red accent, zero radius anywhere. The hero is a live departure board sitting on a 48px grid. Proves the swiss-precision preset: medium: grid + subject: ui-board + relation: flat-on-rule. Inter 800 doing all the typographic heavy lifting.
Tokens — colors
| Token | Value (light) |
|---|---|
| background | #FFFFFF |
| surface1 | #F2F2F2 |
| surface2 | #E6E6E6 |
| surface3 | #E6E6E6 |
| border | #000000 |
| border_visible | #000000 |
| grid | #E0E0E0 |
| text1 | #000000 |
| text2 | #595959 |
| text3 | #595959 |
| text4 | #595959 |
| accent | #DD0000 |
| accent_hover | #000000 |
| on_accent | #FFFFFF |
Tokens — typography
| Role | Family | Size |
|---|---|---|
| display | Inter | 128px |
| body | Inter | 16px |
| mono | JetBrains Mono | 13px |
Live preview
Generate one like this
hue is a free, open-source skill that turns any brand into a complete design language your AI assistant can use.