Design Studio

Palettes, type pairings, hero direction, section maps and CSS tokens.

Design Studio commits to one direction instead of hedging. Every concept comes back with values you can paste straight into code.

What a concept contains

  • Name, tagline, vibe — the one-line direction.
  • Palette — 5-6 colours with hex values and stated usage.
  • Typography — real Google Font pairing plus rationale.
  • Hero — headline, subhead, CTA and art direction.
  • Sections — 5-7 page sections with purpose and layout.
  • Components — the reusable pieces to build first.
  • CSS tokens — a ready-to-paste :root block.
:root {
  --brand: #0a7c66;
  --surface: #f6f9fc;
  --ink: #0a2540;
}
Feed your saved brand voice into the brief so new concepts stay consistent with what you already shipped.