---
name: cobalt-agency-site
description: "A bold creative-agency site with case-study cards, a services marquee and a playful contact CTA. Use when the user asks for agency site or similar."
---

# Cobalt Agency Site

Creates a three-page agency site: home, work index and case study, using saturated blocks, oversized type and a services marquee.

## When to use

- Studios and agencies
- Freelance collectives
- Campaign microsites

## Workflow

1. Get agency name, services, and three case studies.
2. Define bold colour blocking rules (max 3 colours per view).
3. Build work cards with consistent aspect ratios.
4. Add a marquee that pauses on hover and respects reduced motion.
5. Provide case study template with outcome metrics.

## What you deliver

- Home, work index and case-study template
- Services marquee
- Contact CTA with mailto fallback

## Not for

- Corporate intranets
- Minimal luxury brands
- Sites needing login

## Quality bar

- State assumptions you made and ask before overwriting existing files.
- Never invent facts, numbers, logos or quotes — use placeholders and say so.
- Follow `references/style-guide.md` for colour and type decisions.
- Finish with a short checklist of what the user should review or replace.