hueAuris
Object-centered design system.
Auris belongs to a high-end audio brand that wants you to listen, not look. Object-on-spotlight composition, near-black field, restraint as the loudest signal.
A single object on a dark stage. Sparse voice, poetic, confident without noise. The product is the entire landing — one hero shot, everything else arranges itself around it. The skill provides the stage; the brand provides the asset.
Anatomy
Fictional premium hardware launch brand. Proves the object-on-spotlight preset: dark stage, tight top spotlight, contact shadow, reflection zone — with the hero subject rendered as a LABELED PLACEHOLDER FRAME. Concrete physical products are never CSS-simulated; the user drops in their own 3D render or product photography. The surrounding stage is fully composed so everything snaps together when the real asset arrives.
Tokens — colors
| Token | Value (dark) |
|---|---|
| background | #0E0F13 |
| surface1 | #14120E |
| surface2 | #1C1A15 |
| surface3 | #2E2B22 |
| border | #1C1A15 |
| border_visible | #2E2B22 |
| text1 | #F6F4EE |
| text2 | #CFCABA |
| text3 | #9B9585 |
| text4 | #6A6555 |
| accent | #E8A547 |
| accent_hover | #F0B95A |
| accent_subtle | #2A1804 |
Tokens — typography
| Role | Family | Size |
|---|---|---|
| display | Fraunces | 96px |
| body | Inter | 16px |
| mono |
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.