hueOrivion
Luminous design system.
Orivion is the luminous red-violet end of the proof library — a hero that glows. Gradient field, generous safe zone, ember-on-canvas.
A command bar for the second thought. Dark, confident, slightly mysterious. One glowing orb as the sole hero object, centered on a soft radial gradient that bleeds its light into the field.
Anatomy
Fictional test brand for the hero_stage composition model. Dark command-bar product aesthetic with a glowing center orb on a vibrant gradient field. Used to prove the orb-on-gradient preset end-to-end.
Tokens — colors
| Token | Value (dark) |
|---|---|
| background | #0A0B14 |
| surface1 | #13141D |
| surface2 | #1E2030 |
| surface3 | #2F3144 |
| border | #1E2030 |
| border_visible | #2F3144 |
| text1 | #F4F5FA |
| text2 | #9599AD |
| text3 | #6A6D82 |
| text4 | #494C60 |
| accent | #FF3366 |
| accent_subtle | #500719 |
Tokens — typography
| Role | Family | Size |
|---|---|---|
| display | Inter | 64px |
| 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.
Claude Codegit clone github.com/dominikmartn/hue ~/.claude/skills/hue
Codexgit clone github.com/dominikmartn/hue ~/.codex/skills/hue