# DASH VIBES — Design System
*Electric night lit by community.*

The electric register of the Dash Design Library — born from the community's neon
poster ("Support the #DashSupportTeam") and living at dashsupport.team/reserve.
A deep-space void, neon violet and cyan spent like signal flares, community values
worn as glowing chips. Loud on purpose, honest underneath: every glow points at
something real on-chain.

## The one sentence
**Community energy, provable on the blockchain.**

## Palette

### Ground
| Token | Hex | Usage |
|---|---|---|
| Deep Void | `#06030F` | The page ground — space-black with a violet soul, never flat #000. |
| Nebula Panel | `#160C2C` | Cards and panels — the void condensing into surface. |

### Neon
| Token | Hex | Usage |
|---|---|---|
| Electric Violet | `#8B5CF6` | The primary energy — frames, kickers, the dominant glow. |
| Signal Cyan | `#38BDF8` | The second current — data, addresses, live numbers. |
| Magenta Flare | `#D946EF` | The celebration hue — accents and gradient endings, never body text. |

### Glowlight
| Token | Hex | Usage |
|---|---|---|
| Lilac Bloom | `#C4B5FD` | Gradient midpoints and soft text glow — the halo tone. |
| Pink Halo | `#F0ABFC` | Chip glow and gradient tips — warmth inside the cold night. |
| Ice Cyan | `#7DD3FC` | Links and money values — legible neon. |

### Ink
| Token | Hex | Usage |
|---|---|---|
| Star Ink | `#F2EDFF` | All reading text — bright against the void, never grey. |
| Dust Voice | `#B8A8E0` | Secondary copy — quiet violet, still readable. |

## Signature moves
- **The aurora headline**: Sora 800, gradient-filled `#7DD3FC → #C4B5FD → #F0ABFC`,
  with a drop-shadow glow (`drop-shadow(0 0 26px rgba(147,110,255,.34))`).
- **Value chips**: community values (SIMPLE · FAST · SECURE · PRIVATE · DECENTRALIZED ·
  COMMUNITY-DRIVEN · HONEST · TRUSTED · BASED · DASHSAFE · GLOBAL · BRAVE · RESPECTED)
  worn as neon-stroked squircle chips with soft text glow.
- **The neon frame**: a gradient border-panel (violet→cyan→magenta at low alpha) with
  layered glow shadows, holding the hero artifact (poster, QR, key number).
- **Starfield at whisper opacity**: fixed radial-gradient specks, opacity ≤ .5 — texture,
  never noise.
- **Glass on the void**: panels at `rgba(18,10,38,.66)` + `backdrop-filter: blur(18px)
  saturate(170%)`, inset lilac top-light, violet ring.

## Type
| Role | Spec | Face |
|---|---|---|
| display | clamp(38–84px) · 800 · 1.04 | Sora |
| heading | clamp(26–44px) · 800 · 1.15 | Sora |
| body | 16.5px · 400 · 1.75 | Inter |
| neon-kicker | 11px · 500 · .26em tracked uppercase | IBM Plex Mono |
| chip | 12.5px · 700 · .14em | Sora |

## Shape & space
- Base unit 8px · section gap 70px · panel padding 34px · max width 1060px
- Radii: buttons 20px · panels 28px · chips 16px · poster frame 30px — squircles, never sharp.

## Do
- Glow like a signal, not a wash — layered soft shadows around meaning, darkness everywhere else.
- Wear values as chips — the poster language is the brand.
- One gradient family per page, spent on the headline and the primary action.
- Every neon number must be a real on-chain number — the vibe is earned by proof.

## Don't
- No grey text in the void — star ink or violet dust only.
- Never glow body copy; halos are for headlines, chips, and money.
- No rival gradient hues — the night has one aurora.
- Never fake a stat to feed the energy; the chain is the hype.

— The Dash Design Library · DashSupport.Team/design