27 lines
809 B
Markdown
Executable File
27 lines
809 B
Markdown
Executable File
# AdventureOS Design Tokens
|
||
|
||
## Colors
|
||
|
||
| Token | Hex | Usage |
|
||
|-------|-----|-------|
|
||
| XP Blue | `#3A6EA5` | Title bars, primary actions |
|
||
| Bliss Green | `#74B749` | Progress fills, positive accents |
|
||
| Parchment | `#F0E6D2` | Content backgrounds |
|
||
| Warm Grey | `#8B8678` | Borders, secondary text |
|
||
| Gold Trim | `#C8A951` | Level badges, milestones |
|
||
| Ink | `#2C2416` | Body text |
|
||
|
||
## Typography
|
||
|
||
- UI: Tahoma, Segoe UI, system-ui (14–16px)
|
||
- Mentor/Review: Georgia, serif (15px, line-height 1.6)
|
||
|
||
## Components
|
||
|
||
- `retro-window` — raised panel with XP-style double border
|
||
- `retro-titlebar` — Luna blue gradient header
|
||
- `retro-btn` — beveled button with press state
|
||
- `skill-bar-track` / `skill-bar-fill` — RuneScape-style stat bars
|
||
|
||
See `apps/web/src/app/globals.css` for CSS variables.
|