# design.md

The visual system for anything you build for me: decks, pages, dashboards, exports.
If a request does not specify a look, use this one.

## Register

Bright, editorial, presentation-first. Confident and spacious. Never a consulting slide,
never a dark dashboard, never stock photography.

## Palette

- Background `#ffffff` · secondary surface `#fafafa` · raised surface `#eef1fb`
- Cobalt `#1136a8` · deep cobalt `#060f76`
- Argon pink `#d90276` · deep pink `#b8025f`
- Ink `#171717` · muted `#737373` · borders `rgba(17,54,168,.18)`

Cobalt is structure. Pink is emphasis, used once per view. Never both on the same element.

## Type

- Display: Bricolage Grotesque 600, tracking `-0.025em`
- Body: Geist 400–600, line height 1.5–1.6
- One dominant headline per view, 46–76px on a 1280×720 stage. Body 19–26px.

## Layout

- Fixed 16:9 stage, 74px vertical / 86px horizontal padding.
- One claim per view. If there are two claims, there are two views.
- Prefer asymmetric splits and full-width diagrams over card grids.
- No more than 4 repeated cards in one view.

## Diagrams

Inline SVG, never an image of a diagram, never a chart library for something with 5 numbers.
Label everything in the SVG itself. Meaning must survive greyscale — colour is never the
only carrier of a distinction.

## Never

Gradients as decoration, drop shadows on text, emoji as icons, three-column feature grids,
"Empowering...", "Unlock...", "In today's fast-paced world".