<!-- Context: ui/navigation | Priority: critical | Version: 1.0 | Updated: 2026-02-15 -->

# Web Design Guides

**Purpose**: Step-by-step guides for web design implementation

---

## Structure

```
guides/
├── navigation.md (this file)
├── building-scrollytelling-pages.md
├── premium-dark-ui-advanced.md
├── premium-dark-ui-colors.md
├── premium-dark-ui-components.md
├── premium-dark-ui-layouts.md
└── premium-dark-ui-visual-reference.md
```

---

## Quick Routes

| Task | Path |
|------|------|
| **Build scrollytelling** | `building-scrollytelling-pages.md` |
| **Dark UI colors** | `premium-dark-ui-colors.md` |
| **Dark UI components** | `premium-dark-ui-components.md` |
| **Dark UI layouts** | `premium-dark-ui-layouts.md` |
| **Dark UI advanced** | `premium-dark-ui-advanced.md` |
| **Dark UI reference** | `premium-dark-ui-visual-reference.md` |

---

## By Type

**Scrollytelling** → Scroll-driven narrative pages  
**Dark UI** → Premium dark mode design system

---

## Related Context

- **Web Design** → `../navigation.md`
- **Concepts** → `../concepts/navigation.md`
- **Examples** → `../examples/navigation.md`