# Gritmind - Decks & Slides Build decks as **self-contained HTML**, one `
` per slide at a fixed 16:9 box (1600×900 at 1× - use `px` throughout and scale the whole deck with a CSS `transform` so nothing reflows). Print to PDF for distribution. In PowerPoint, Keynote or Google Slides, use the logo PNGs from `assets/logo/` (`gritmind-logo-full-navy-on-light.png` on light slides, `gritmind-logo-full-white-on-dark.png` on `#20243a`, a `-mono` PNG over photos). Never screenshot or export your own. Never use a stock template. A Gritmind deck should be recognisable as ours from across a room: enormous quiet space, one idea per slide, one accented element. ## Typeface HTML decks embed Alliance No.2 from `assets/fonts/` (see Print), so they never fall back. PowerPoint, Keynote and Google Slides render with the fonts on the machine that opens the file, and a client without Alliance No.2 gets Calibri or Arial instead (decision `0007`). - Set PowerPoint, Keynote and Google Slides decks in **Inter** (`type.sans.fallback`) unless everyone who will open the file has Alliance No.2 installed. Why: Inter is free and built into Google Slides, so the deck looks the same on every machine. A deck that only leaves as a PDF, exported from a machine with Alliance No.2, can stay in Alliance No.2. - Same weights and tracking as Alliance No.2: 500 headings, 400 body, `-0.02em`. That is `-2%` in Keynote; in PowerPoint, condense character spacing by `0.02 ×` the point size (`1.44pt` at `72pt`). - Never mix Alliance No.2 and Inter in one deck. Why: two similar grotesques side by side read as a mistake. Do instead: if any slide must be Inter, set the whole deck in Inter. - Line breaks change between the two. After switching, recheck every slide; if a line no longer fits, cut words rather than shrink the type. - Mono stays JetBrains Mono. It is free and in Google Slides; for PowerPoint and Keynote, install it and Inter from Google Fonts. - In an HTML deck the CSS stack is `"Alliance No.2", Inter,` then `type.sans.stack`. ## Grid - Slide `1600×900`, margin `120px` left/right, `100px` top/bottom - 12 columns, `40px` gutter - Body content sits in the left 7–8 columns; the right is breathing room or one graphic. Resist filling it. - Never more than **one** idea per slide. If it needs a second, it is a second slide. ## Slide types **Title** - eyebrow (mono, uppercase, accent dot) top-left; headline at `96px/1.05`, weight 500, one accented word; client name and date in mono at the bottom. Nothing else. **Section divider** - number in mono at `140px` in `--signal-tint`, section name in sans at `64px` over it. Full-bleed `--surface-2` ground. **Statement** - one sentence, `72px/1.15`, max 12 words, centred vertically, left-aligned. Whitespace is the design. **Stat** - figure in mono at `180px/1`, label in sans 500 at `28px` in the accent underneath, one line of context in `--muted` at `20px`. One stat per slide; four stats means four slides, or a stat row at `72px` figures. **Content** - heading at `48px`, then at most 4 bullets at `24px/1.5`. Bullets use a 7px accent dot, not a glyph. If you need 6 bullets you have two slides. **Chart** - see below. **Quote** - quote at `40px/1.35` weight 500, a 2px accent rule above it at 50% opacity, attribution in mono at `16px` in `--muted`. **Closing** - the tagline treatment: "Intentionally small, senior teams. With **courage** and **grit**, always first into the fire." with both accent words in `--signal`. ## Charts in decks Same rules as web canvas work, scaled up: - One accented series. Everything else is `--slate` at 40–85% opacity. - Label the accented series directly at its end point in mono - no legend box. A legend means the reader has to look twice. - Axes: baseline only at 12% ink. No box, no top/right spines, no y-gridlines unless reading exact values is the point. - Never use red and green as two categories in the same chart. - Round numbers. `4.4T`, not `4,412,890,000`. ## Speaker notes Put them in `