hueAuris
Object-centered design system.
Auris is a premium audio hardware launch on a warm near-black stage with a metallic amber accent. The hero is the object-on-spotlight preset: tight top spotlight, contact shadow, reflection zone, and the product itself left as a labeled placeholder frame, because physical objects are never CSS-simulated. Fraunces carries the display voice at whisper volume; the copy works by subtraction. The most monastic dark brand in the set: one object, one press, nothing else on stage.
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.
Hero composition
A turned aluminium cylinder, top-lit under a tight spotlight, grounded by a soft contact shadow.
Color tokens
| 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 |
Typography tokens
| Role | Family | Size |
|---|---|---|
| display | Fraunces | 96px |
| body | Inter | 16px |
| mono |
Voice
Tone. hushed, object-first, monastic confidence; the product speaks by subtraction
Cadence. very short declarative sentences. negation lists (No screen, no notifications, no accounts). numbered section labels (01 · Form). one idea per line, then silence.
- A new way to listen.
- Auris is a single object. Place it anywhere. It does one thing. Press to begin.
- Auris has no seams. No ports you can see. No buttons except one.
- One object. One press.
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.