hueHalcyon
Sculptural design system.
Halcyon is a reasoning platform for engineering teams whose hero is a field, not a thing: a diagonal stack of 3D glass bars in blue-teal, the sculptural-field preset with subject none. The canvas is a cool near-black with a teal bias, and Manrope does the display work in a calm engineering register. No product shot, no orb, no dashboard; the geometric mass is the identity. The copy reads like a senior colleague leaving a note: no dashboards, no surprises.
Think in quiet motion. Halcyon is a reasoning platform that lets engineering teams trace how decisions propagate across a codebase: where a change started, what it touched, and where it settled. The identity is architectural rather than product-shot: the landing doesn't center a thing, it centers a space.
Anatomy
Fictional reasoning platform for engineering teams. Instead of a centered subject, the hero field is a diagonal stack of 3D glass bars in cool blue-teal; the geometric mass IS the hero. Proves the sculptural-field preset: medium: sculptural (glass-bars) + subject: none + relation: flat. The first example in the proof library where the background alone carries the whole identity.
Hero composition
a diagonal stack of five translucent 3D glass bars fills the viewport, rotated ~22° across the vertical. Each bar has a vertical gradient from cool blue-white at the top to deep blue at the bottom, with a sharp edge-rim and an outer glow. The bars overlap in depth, giving the field sculptural mass. No subject sits in front of it; the mass is the hero.
Color tokens
| Token | Value (dark) |
|---|---|
| background | #0A1019 |
| surface1 | #121A23 |
| surface2 | #1B242E |
| surface3 | #29333D |
| border | #1B242E |
| border_visible | #29333D |
| text1 | #F2F5F8 |
| text2 | #C3CCD8 |
| text3 | #8E9AA9 |
| text4 | #61707F |
| accent | #4680F5 |
| accent_hover | #6D9DFF |
| accent_subtle | #07162F |
Typography tokens
| Role | Family | Size |
|---|---|---|
| display | Manrope | 64px |
| body | Inter | 15px |
| mono | JetBrains Mono | 13px |
Voice
Tone. calm, senior-engineer plainspoken; explains hard systems like a colleague leaving a note
Cadence. one long explanatory sentence followed by two short reassurances (No dashboards. No surprises.). plain-language questions in quotes. counts things concretely (forty others, four steps).
- Think in quiet motion.
- A decision in one file echoes through forty others. Halcyon shows you where it lands.
- Halcyon watches how decisions propagate through your codebase and tells you, in plain English, what a change is going to touch before you ship it. No dashboards. No surprises.
- One paragraph. One checklist. One rollback plan.
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.