# Deck design system A rendered deck is **one self-contained HTML file**: no external URLs, no web fonts, no CDN, no JavaScript. It opens offline, diffs in git and prints to PDF one slide per page. Slide markup lives in [slide-templates.md](slide-templates.md). ## Visual rules - The palette comes from the founder's brand. Without one, pick from the table below; two or three colours plus neutrals, one accent. - Flat slide backgrounds. No gradient backgrounds, glows, stock photos or decorative shapes. - Avoid the default "AI purple". It reads as a template. - One idea per slide; body text no smaller than about 28px at 1920×1080; captions are the only smaller text. - Numbers in the accent colour; one emphasised word per slide at most. - Images are inlined as `data:` URIs or inline SVG, so the file stays self-contained. Keep the file under a few MB. | Palette | `--bg` | `--fg` | `--primary` | `--accent` | Suits | |---|---|---|---|---|---| | Navy | `#0f1729` | `#f1f5f9` | `#3b82f6` | `#10b981` | DeFi, infrastructure | | Paper | `#ffffff` | `#1c1c1e` | `#1d4ed8` | `#0f766e` | Grants, accelerators, bright rooms | | Teal | `#0f1d1b` | `#f0fdfa` | `#0d9488` | `#f59e0b` | Consumer, payments | | Mono | `#0a0a0a` | `#fafafa` | `#e5e5e5` | `#f97316` | Hardware, bold brands | ## Shell Paste slides into `
`. Arrow keys, Page Down and the space bar move between slides through native scroll snapping. The "Notes" checkbox shows speaker notes; printing hides it and gives one slide per page. ```html {{PROJECT}} pitch
``` To rebrand, change only the `:root` tokens. To make a light deck, swap `--bg`, `--bg-alt`, `--card` and the `--fg` tokens for the Paper row.