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

# Design System: Agency Creative — Do's and Don'ts

## Do's

1. **Do** use the gradient generously — on buttons, text fills, section backgrounds, decorative elements
2. **Do** break the grid intentionally for hero sections, testimonial layouts, and feature showcases
3. **Do** animate on scroll — fade-ins, slide-ups, and scale reveals give the system its energy
4. **Do** use dramatic size contrast in typography (80px heading next to 14px overline)
5. **Do** let full-bleed colour sections interrupt the page rhythm to create visual chapters
6. **Do** use pill-shaped (999px radius) buttons for all primary CTAs
7. **Do** pair dark sections with light sections to create page rhythm and prevent monotony

## Don'ts

1. **Don't** use the gradient on body text — only headings, buttons, and decorative accents
2. **Don't** create dense, information-heavy layouts — this system breathes
3. **Don't** use thin, light font weights below 400 — the system demands presence
4. **Don't** skip hover animations on interactive elements — motion is expected
5. **Don't** use flat, unshadowed buttons for primary actions — the glow is part of the identity
6. **Don't** mix more than three colours from the palette in a single component
7. **Don't** use generic stock photography — the design quality demands art-directed imagery or abstract shapes
