Authoring
Design tokens
One set of tokens defines the canvas, palettes, spacing, and type for both HTML rendering and PPTX export.
Canvas
Slides are 1280 × 720 CSS pixels, exported as 13.333 × 7.5 inch 16:9 PowerPoint slides. Tokens live in src/themes/tokens.ts and are exposed to CSS as --sf-* custom properties.
Themes
Choose light or dark per presentation with the theme field.
| Token | light | dark |
|---|---|---|
| background | #ffffff | #101827 |
| foreground | #172033 | #f8fafc |
| muted | #526078 | #b5c2d6 |
| accent | #2563eb | #60a5fa |
| surface | #f1f5f9 | #1e293b |
| border | #cbd5e1 | #475569 |
Typography
Sizes are in CSS pixels on the fixed canvas.
| Element | Size |
|---|---|
| Cover title | 60px |
| Slide title | 40px |
| Body text | 24px |
| Subtitle | 22px |
| Table and chart | 21px |
| Caption | 17px |
| Footer | 16px |
Fonts
The default stack is Arial, Microsoft JhengHei, Noto Sans CJK TC, Noto Sans TC, sans-serif. Export sets Microsoft JhengHei as the PowerPoint East Asian font, so Chinese text on Windows uses the same font in HTML and PowerPoint.