Slide Page Types (Standard)

For slide-by-slide generation (one JS file per slide), classify every slide as exactly one of these 5 page types. This keeps structure consistent and prevents "random layout drift".

1. Cover Page
   • Use for: opening + tone setting
   • Content: big title, subtitle/presenter, date/occasion, strong background/motif
2. Table of Contents
   • Use for: navigation + expectation setting (3, 5 sections)
   • Content: section list (optional icons / page numbers)
3. Section Divider
   • Use for: clear transitions between major parts
   • Content: section number + title (+ optional 1, 2 line intro)
4. Content Page (pick a subtype)
   • Text: bullets/quotes/short paragraphs (still add icons/shapes)
   • Mixed media: two-column / half-bleed image + text overlay
   • Data visualization: chart + 1, 3 key takeaways + source
   • Comparison: side-by-side columns/cards (A vs B, pros/cons)
   • Timeline / process: steps with arrows, journey, phases
   • Image showcase: hero image, gallery, or visual-first layout
5. Summary / Closing Page
   • Use for: wrap-up + action
   • Content: key takeaways, CTA/next steps, contact/QR, thank-you

Layout options:

• Two-column (text left, illustration on right)
• Icon + text rows (icon in colored circle, bold header, description below)
• 2x2 or 2x3 grid (image on one side, grid of content blocks on other)
• Half-bleed image (full left or right side) with content overlay

Data display:

• Large stat callouts (big numbers 60-72pt with small labels below)
• Comparison columns (before/after, pros/cons, side-by-side options)
• Timeline or process flow (numbered steps, arrows)

Visual polish:

• Icons in small colored circles next to section headers
• Italic accent text for key stats or taglines

Typography