DESIGN.md@.agents/tools/design/library/styles/corporate-traditional git:20260404.2e83279A

Immutable. This exact content is served forever at /api/v1/blob/e34ed6d8ff2e71ae.

<!-- SPDX-License-Identifier: MIT -->
<!-- SPDX-FileCopyrightText: 2025-2026 Marcus Quinn -->

# 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

<!--
Style archetype by AI DevOps (https://aidevops.sh)
DESIGN.md format: https://stitch.withgoogle.com/docs/design-md/overview
Not based on any specific brand. Use as a starting point for your project.
-->