hue

Orivion

Luminous design system.

Orivion is a dark command-bar product whose hero is a single glowing orb on a soft radial gradient, the luminous-on-gradient preset. The palette runs hot red-pink over near-black indigo, with the orb's own ramp from peach highlight to saturated core. Type stays cool and instrumental, Inter with JetBrains Mono details, so the light source remains the loudest thing on the page. It is the glow brand of the set: where meadow's garden holds still in daylight, orivion is one keystroke in a dark room.

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.

Hero composition

a centered glowing light-ball over a soft radial gradient in deep indigo → violet → magenta → coral. The ball has specular highlights on its upper-left and an inner shadow on its lower-right, and bleeds warm magenta light into the field behind it via a screen-blended halo. It floats: no ground contact, no drop shadow.

Color tokens

TokenValue (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

Typography tokens

RoleFamilySize
displayInter64px
bodyInter16px
monoJetBrains Mono13px

Voice

Tone. confident, quietly futurist product minimalism; speaks to the second thought, not the feature list

Cadence. the keyboard shortcut treated as a verb. short claim headlines, then one explanatory paragraph. memory framed in human terms (yesterday's question, last month's debugging trail). closes with a dare.

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

Back to hue · Full install guide

Related brands