git:20260403.ed26b3b to git:20260404.2e83279

# Design System: Agency Feminine

Soft, elegant design system for brands communicating warmth, refinement, and understated beauty. Cream background (`#fdf6ee`), dusty rose primary (`#d4a5a5`), sage green accent (`#9caf88`), Cormorant serif headings, generous whitespace.

## Chapters

| File | Contents |

|------|----------|

| [01-theme.md](01-theme.md) | Visual theme, atmosphere, key characteristics |

| [02-colours.md](02-colours.md) | Full colour palette — primary, accent, text, surface, semantic, shadows |

| [03-typography.md](03-typography.md) | Font families, type scale, typography principles |

| [04-components.md](04-components.md) | Buttons, inputs, links, cards, navigation |

| [05-layout.md](05-layout.md) | Spacing scale, grid, breakpoints, border radius |

| [06-elevation.md](06-elevation.md) | Depth levels, shadow values, elevation principles |

| [07-dos-donts.md](07-dos-donts.md) | Usage rules — what to do and avoid |

| [08-responsive.md](08-responsive.md) | Breakpoint behaviour, touch targets, mobile rules |

| [09-agent-prompts.md](09-agent-prompts.md) | CSS variable quick reference, ready-to-use prompts |

## Quick Reference

**Colours:** `#d4a5a5` primary (dusty rose) · `#9caf88` accent (sage) · `#3d3530` text · `#fdf6ee` bg · `#ffffff` surface

**Type:** Cormorant Garamond (serif headings) · Lato 300 (body) · Display 56px/400 · H1 44px/400 · Body 16px/300

**Radius:** 12px default · 16px cards · 999px pill buttons

**Motion:** 400–600ms ease-in-out, fade and slide

<!--

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.

-->