Upload image
Click to upload image
PNG, JPG, WebP
Manual entry
Pick from wheel
Click to open
Hex value
R
G
B
HSL
hsl(244, 64%, 67%)
Current color
Hex
#7F77DD
RGB
rgb(127,119,221)
HSL
hsl(244,64%,67%)
Saved colors
None yet
Harmonies
Base color
Context
Color rule
👁️ Eyesight-friendly colors for your background
Switch the toggle above to change background mode. Recommended palettes for each are shown below.
☀️ Light background — recommended colors
Deep navy — body text
#1A1A2E · Contrast ratio ~16:1 on white · Best for paragraphs
Mid blue — headings / accent
#185FA5 · Calm, trustworthy, reduces blue-light harshness
Warm white slide background
#F5F4FF · Softer than pure white — less glare, less eye strain
Soft violet — highlights / icons
#7F77DD · Use sparingly at 10% — energises without dazzling
📐 Core PPTX layout principles
One idea per slide
Each slide should communicate a single, clear message. Put that message in the title. Everything else — visuals, data, bullets — is evidence for that one point. Cramming two ideas forces the audience to split attention.
✓ DO
Title: "Revenue grew 32% YoY"
Body: one clean chart
Title: "Revenue grew 32% YoY"
Body: one clean chart
✗ DON'T
Title: "Revenue & Costs & Outlook"
Body: three charts, six bullets
Title: "Revenue & Costs & Outlook"
Body: three charts, six bullets
The 5-5-5 rule for text
Max 5 bullet points per slide · Max 5 words per bullet · Max 5 text-heavy slides in a row. Slides are visual aids, not teleprompters. If you need more text, move it to the notes panel.
✓ DO
• 32% revenue growth
• 3 new markets entered
• NPS up 14 pts
• 32% revenue growth
• 3 new markets entered
• NPS up 14 pts
✗ DON'T
• In the current fiscal quarter, we have successfully grown revenue by approximately thirty-two percent…
• In the current fiscal quarter, we have successfully grown revenue by approximately thirty-two percent…
Z-pattern & F-pattern reading flow
Eyes enter top-left, scan right, drop diagonally to bottom-left. Place your most important element top-left or center-top. CTA or key number goes bottom-right (Z-pattern end-point). Never put critical info in corners the eye skips.
White space is not wasted space
Use at least 20–30% empty space on every slide. White space (or dark space on dark slides) frames content, reduces cognitive load, and signals confidence. Crowded slides signal panic; spacious slides signal authority.
✓ DO
1 large hero image + 1 headline + 1 stat. Generous margins all around.
1 large hero image + 1 headline + 1 stat. Generous margins all around.
✗ DON'T
Fill every pixel with logos, clip art, text boxes, and footnotes.
Fill every pixel with logos, clip art, text boxes, and footnotes.
Typographic hierarchy — 3 sizes max
Use exactly 3 text sizes: title (32–40pt), subtitle/body (18–24pt), caption/footnote (12–14pt). Mixing more sizes creates visual noise. Keep font families to 2 max — one for headers, one for body.
Color: 60-30-10 on every slide
Apply the 60-30-10 rule per slide, not just across the deck. 60% background color, 30% secondary (text, containers), 10% accent (one data point, one CTA, one icon). Accent colors lose power when overused — save them for what truly matters.
Grid alignment — snap everything
All elements should align to an invisible grid. Use PowerPoint's Align tools, not free-hand dragging. Left-align body text, center-align hero stats. Consistent margins (typically 0.5–1 in / 1.5–2.5 cm) give slides a professional, print-ready feel.
✓ DO
Format → Align → Align Left / Distribute Vertically for all text boxes.
Format → Align → Align Left / Distribute Vertically for all text boxes.
✗ DON'T
Drag elements by eye — they'll look off on different screens.
Drag elements by eye — they'll look off on different screens.
Data visualisation — choose the right chart
The wrong chart type forces the audience to re-interpret data. Match chart to purpose:
📊 Bar → compare categories
📈 Line → show trend over time
🥧 Pie → part of whole (max 5 slices)
🔵 Scatter → correlation
🗺️ Map → geographic data
📉 Waterfall → cumulative change
Lesson 1 of 7