Nebula Deep
Deep-field imagery, wide technical caps and smoked-glass panels drifting in the void.
This style
$9$19
One-time, no subscription · instant download · client use · 7-day refund before download
The idea
Full-bleed nebula photography in magenta and teal dust, overlaid with smoked-glass panels and wide, engineered capitals. Labels read like telemetry. It feels like a mission-control screen that someone with taste was allowed to design.
Nebula Deep pairs real deep-field astrophotography with the restraint of mission-control interfaces. The hero is a full-bleed nebula; everything else lives on smoked-glass panels that let the dust colours bleed faintly through. Type is wide, engineered and uppercase, like lettering on a spacecraft hull, with telemetry-style mono labels everywhere. It draws from 1970s space-programme graphics and modern observatory imaging. The tone is awe, held in check by precision.
Principles
- Let the nebula photograph be the only full-colour moment on the page.
- Set display type wide, uppercase and modest in size — authority comes from width, not scale.
- Label everything like telemetry: units, counts, statuses.
- Teal means 'go'; magenta is atmosphere only.
- Keep panels smoked and dark so the photograph never competes with text.
Motion
The hero nebula drifts 3% and rotates 1 degree over 60 seconds, like a slow telescope track. Panels resolve from a 16px blur while mono telemetry labels count up from zero.
Do & don't
Do
- ✓ Prefix sections with mono indices like '02 / CAPABILITIES'.
- ✓ Include units on every number (km², min, PB).
- ✓ Anchor the hero headline bottom-left on a glass slab.
Don't
- ✕ Don't set Michroma above 64px or in long sentences.
- ✕ Don't use illustrated planets or cartoon rockets.
- ✕ Don't place text directly on the bright nebula core.
+ 3 more of each, and component rules, in the full DESIGN.md.
What's in the DESIGN.md
- 01Overview & principles
- 02Colors (tokens + proportions)
- 03Typography (families + 12-role scale)
- 04Layout & spacing scale
- 05Elevation & depth
- 06Shapes & radii
- 07Motion (easing, durations, signature)
- 08Imagery + generation prompt
- 09Components (button, card, nav, input, badge)
- 10Do's and don'ts
- 11Responsive behaviour
- 12Iteration guide + agent checklist
Plus theme.css (Tailwind v4 @theme), tokens.json (W3C) and the preview page source — 373 lines of DESIGN.md in total.
More like this
All Glass & Gradient →Aurora Frost
No. 015Northern lights behind frosted panes: deep night, mint glow, cards like cold glass.
Holo Foil
No. 016Pearl-white page, foil-stamped type and rainbow sheen that shifts as you scroll.
Ice Glass
No. 017Clear ice over pale sky: frosted white panes, glacier blue, crisp edges.
Liquid Chrome
No. 018Molten mirror metal on graphite: wide caps, oil-slick sheen, machined edges.
Prism Mesh
No. 020White light split through a prism: saturated colour fields on a bright, airy page.
Sunset Mesh
No. 021Golden-hour gradients, milky glass and a soft italic serif for the end of the day.