DESIGN.md@.agents/tools/design/library/styles/agency-feminine git:20260403.ed26b3bA

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

# 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.
-->