Cover Page Generator
Creates opening/title slides for PowerPoint presentations using PptxGenJS. The cover page sets the tone and first impression.
Layout Options
| Layout |
Best For |
| Asymmetric Left-Right |
Corporate, product launches, professional reports |
| Center-Aligned |
Inspirational talks, events, creative pitches |
Code Example: Cover Page
function createSlide(pres, theme) {
const slide = pres.addSlide();
slide.background = { color: theme.primary };
// Main title
slide.addText("Presentation Title", {
x: 0.5, y: 1.5, w: 9, h: 1.5,
fontSize: 54, fontFace: "Arial",
color: theme.bg, bold: true, align: "center"
});
// Subtitle
slide.addText("Subtitle or tagline here", {
x: 0.5, y: 3.2, w: 9, h: 0.6,
fontSize: 24, fontFace: "Arial",
color: theme.light, align: "center"
});
// Bottom info
slide.addText("Presenter Name | Date", {
x: 0.5, y: 4.5, w: 9, h: 0.5,
fontSize: 14, fontFace: "Arial",
color: theme.light, align: "center"
});
return slide;
}
module.exports = { createSlide };
Font Size Hierarchy
| Element |
Size |
| Main Title |
72-120px (3x-5x base) |
| Subtitle |
28-40px (1.5x-2x base) |
| Supporting Text |
18-24px (1x base) |
| Meta Info |
14-18px (0.7x-1x base) |
Common Pitfalls
- No dramatic contrast: Main title should be at least 2-3x larger than subtitle
- Adjacent sizes too similar: Never let adjacent text elements be within 20% of each other's size
- No page badge on cover: Cover page is the only slide that should NOT have a page number badge
- Missing background: Cover should have a strong background or motif
Verification Checklist
1---2name: cover-page-generator3description: Use when creating cover/title slides for PowerPoint presentations with PptxGenJS.4---56# Cover Page Generator78Creates opening/title slides for PowerPoint presentations using PptxGenJS. The cover page sets the tone and first impression.910## Layout Options1112| Layout | Best For |13|--------|----------|14| Asymmetric Left-Right | Corporate, product launches, professional reports |15| Center-Aligned | Inspirational talks, events, creative pitches |1617## Code Example: Cover Page1819```javascript20function createSlide(pres, theme) {21 const slide = pres.addSlide();22 slide.background = { color: theme.primary };2324 // Main title25 slide.addText("Presentation Title", {26 x: 0.5, y: 1.5, w: 9, h: 1.5,27 fontSize: 54, fontFace: "Arial",28 color: theme.bg, bold: true, align: "center"29 });3031 // Subtitle32 slide.addText("Subtitle or tagline here", {33 x: 0.5, y: 3.2, w: 9, h: 0.6,34 fontSize: 24, fontFace: "Arial",35 color: theme.light, align: "center"36 });3738 // Bottom info39 slide.addText("Presenter Name | Date", {40 x: 0.5, y: 4.5, w: 9, h: 0.5,41 fontSize: 14, fontFace: "Arial",42 color: theme.light, align: "center"43 });4445 return slide;46}47module.exports = { createSlide };48```4950## Font Size Hierarchy5152| Element | Size |53|---------|------|54| Main Title | 72-120px (3x-5x base) |55| Subtitle | 28-40px (1.5x-2x base) |56| Supporting Text | 18-24px (1x base) |57| Meta Info | 14-18px (0.7x-1x base) |5859## Common Pitfalls6061- **No dramatic contrast**: Main title should be at least 2-3x larger than subtitle62- **Adjacent sizes too similar**: Never let adjacent text elements be within 20% of each other's size63- **No page badge on cover**: Cover page is the only slide that should NOT have a page number badge64- **Missing background**: Cover should have a strong background or motif6566## Verification Checklist6768- [ ] Main title present and largest element69- [ ] Subtitle clearly smaller than title70- [ ] No page number badge on cover71- [ ] Visual anchor/background present72- [ ] Presenter name and date included (if applicable)