git:20260403.0cad440 to git:20260404.2e83279

# Design System: Agency Creative

Bold, expressive design system built around a purple-to-pink gradient axis. Editorial aesthetic, asymmetric layouts, motion as a core element.

**Signature gradient:** `linear-gradient(135deg, #7c3aed, #ec4899)` | **Dark bg:** `#0f0f0f` | **Light bg:** `#ffffff`

## 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, whitespace, 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 AI prompts |

<!--

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.

-->