# Design System: Corporate Traditional Institutional authority, trustworthiness, and time-tested professionalism. Navy blue `#1B365D` + gold `#B8860B` on white. Conservative, structured, serif headings, minimal animation. ## Chapters | # | File | Contents | |---|------|----------| | 1 | [01-theme.md](01-theme.md) | Visual theme, atmosphere, key characteristics | | 2 | [02-colours.md](02-colours.md) | Full colour palette — primary, accent, text, surface, semantic, shadows | | 3 | [03-typography.md](03-typography.md) | Font families, type hierarchy, principles | | 4 | [04-components.md](04-components.md) | Buttons, inputs, links, cards, navigation — CSS specs | | 5 | [05-layout.md](05-layout.md) | Spacing scale, grid, container widths, border-radius scale | | 6 | [06-elevation.md](06-elevation.md) | Depth levels, box-shadow values, elevation principles | | 7 | [07-dos-and-donts.md](07-dos-and-donts.md) | 8 do's and 8 don'ts | | 8 | [08-responsive.md](08-responsive.md) | Breakpoints, touch targets, mobile-specific rules | | 9 | [09-agent-prompts.md](09-agent-prompts.md) | CSS variable quick reference, 3 ready-to-use prompts | ## Quick Reference - **Primary:** `#1B365D` (navy) · `#2A4A7F` (hover) · `#0F2341` (active/footer) - **Accent:** `#B8860B` (gold) · `#D4A843` (gold hover) - **Text:** `#333333` (body) · `#1B365D` (headings) · `#6B7280` (secondary) - **Surface:** `#FFFFFF` (bg) · `#F5F5F0` (alt) · `#D1D5DB` (border) - **Headings:** `Georgia, serif` · **Body:** `system-ui, sans-serif` - **Grid:** 12-col, 1200px max, 24px gutter · **Animation:** 200ms ease, opacity/colour only