III — SYSTEM
Layout
Grid-first. Big margins. High contrast. One idea per surface. Space is not empty — space is the brand.
Grid system
All layouts snap to a 12-column grid. Gutters stay consistent; content fills columns, never breaks them.
12-column grid
1
2
3
4
5
6
7
8
9
10
11
12
Common spans
12 — Full width
6
6
4
4
4
8 — Content
4 — Sidebar
3
6
3
Margin discipline
Default rule: margins are always 10–20% of the canvas. Most work lands best around 12–15%.
content
- Pick a margin once per format and keep it consistent.
- Alignment matters more than decoration.
- If you add an accent, you owe us more whitespace.
Responsive breakpoints
The system uses three breakpoints. Content reflows; spacing adapts proportionally.
| Name | Min width | Columns | Page pad |
|---|---|---|---|
| Mobile | 0 | 4 | 20px |
| Tablet | 768px | 8 | 48px |
| Desktop | 1280px | 12 | 48px |
Spacing rhythm
Internal gaps use a base-8 scale. Stay on the steps — no arbitrary pixel values.
4
8
12
16
24
32
48
64
The real rule is consistency and breathing room. Numbers are guidelines.
Composition rules
- One slide = one idea. If it needs a paragraph, it’s probably two slides.
- Use repetition to create rhythm (same title position, same margins).
- Use weight/size/spacing for hierarchy — not color soup.
- Clean white lines are allowed only when they clarify structure.
Deck primitives
Eight canonical slide types. Every deck is a sequence of these.
Cover
Ink field, CX mark, one-line hook
Divider
One word / short phrase, massive whitespace
Big statement
H1 only. Nothing else.
Big number
One stat + one line of meaning
Two-column
Claim left, proof right
Quote
Quote + attribution
Image + caption
Evidence, not decoration
Closing / CTA
Precise ask, one step