Skip to content
ArumSoft Learning
KO

    Intermediate PowerPoint · Tutorial 3 of 9

    How to Design Clear Slides in PowerPoint: Hierarchy, Color, Type, and Whitespace

    Make slides easy to scan with one message per slide, clear emphasis, a small color palette, a simple type scale, and enough whitespace.

    Level
    Intermediate
    Time
    15 min read
    Updated:
    Applies to:
    PowerPoint for Microsoft 365, PowerPoint 2024, PowerPoint 2021, PowerPoint for the web
    The finished study plan slide after the design pass, with the Check in step highlighted in the accent color.
    Example: The finished study plan slide after the design pass, with the Check in step highlighted in the accent color.

    What you'll learn

    • Split a crowded slide into focused slides with one main message each
    • Direct attention with size, weight, color, and position contrast
    • Build a five-color palette and save it as custom theme colors
    • Set up a simple typography scale with theme fonts
    • Use margins, gutters, and grouping to make slides feel calm

    You do not need to be a designer to make slides look designed. Most "ugly" slides share the same few problems: too many messages, everything the same size, random colors, five fonts, and no breathing room.

    This page gives you a small, repeatable system for fixing those problems. You will practice on a running example, a tutoring center's slide about "How our study plan works," and finish with a three-slide style sample you can reuse.

    One main message per slide

    Hierarchy starts before you touch a font. If a slide is trying to say four things, no amount of formatting will make it clear.

    Use this test: can you say the point of the slide in one sentence? If yes, make that sentence the title. If you need "and" three times, split the slide.

    1. Title states the main point. "Weekly check-ins catch problems early" beats "Check-ins."
    2. Body supports the title. Every bullet, picture, or number should prove or explain the title. Anything else goes elsewhere.
    3. Move extras out. Background detail goes in the speaker notes. A second idea gets its own slide.

    Before

    • Vague title
    • Three topics
    • Six equal-weight bullets

    After

    Speaker notesPricing and tutor credentials moved to their own slides.

    • Title is the point
    • One idea
    • Detail moved to notes
    A crowded slide with three topics, split so the first focused slide carries one message.

    The crowded original becomes three slides: how the plan works, who the tutors are, and what it costs. Three slides with one idea each are faster to present than one slide with three ideas.

    Use contrast to create emphasis

    Contrast tells the eye where to go first. If everything is bold, nothing is. Pick the single most important element and make it different from the rest using one or two of these levers:

    LeverHow to apply it in PowerPointExample
    SizeMake the key item noticeably larger (not 2 points larger)A 60 pt number with an 18 pt label
    WeightBold only the key words"Students improved in 6 of 8 units"
    ColorAccent color on one item, neutrals for the restOne bar in the accent, others gray
    PositionPut the key item top-left or center, where eyes landMain claim as the title, details below
    WhitespaceGive the key item room around itA lone number in empty space

    Before

    • No visual priority
    • Main result buried

    After

    • One clear focal point
    • Title states the result
    A flat slide where every item looks equal, redesigned so one number dominates.

    A quick way to check hierarchy: squint at the slide or zoom out until you cannot read the words. Whatever still stands out is what the audience will see first. If that is a logo or a decorative shape, fix it.

    Build a simple color system

    Random colors make a deck look unplanned. A small palette with clear jobs fixes that. Five roles are enough for most decks:

    • Primary: your main brand or deck color, used for titles or headers.
    • Neutrals (usually two): a dark gray for body text and a light gray for backgrounds, lines, and "everything else" in charts.
    • Accent: one bright color reserved for emphasis. Use it sparingly or it stops working.
    • Semantic: a color with a fixed meaning, such as green for "correct" or red for "warning." Keep its meaning the same on every slide.

    Save your palette as theme colors

    Saving the palette in the theme means every color picker in the deck offers your colors first, and charts, SmartArt, and tables pick them up automatically.

    Design › Variants › More (the down arrow) › Colors › Customize Colors. Set Text/Background and Accent colors, name the set, and save.
    1. Go to Design then Variants, open the More arrow, and choose Colors › Customize Colors.
    2. Set Text/Background - Dark 1 to your dark neutral and Light 1 to white or near white.
    3. Set Accent 1 to your primary and Accent 2 to your accent. Fill the other accents with tints or related colors.
    4. Name the set (for example, "Tutoring Center") and click Save.

    Check contrast

    Color has to be readable, not just pretty. A widely used guideline (WCAG) asks for a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text. Light gray text on white and red text on green usually fail. Run Review then Accessibility then Check Accessibility, which flags some hard-to-read text. It can miss text sitting over the slide background or a picture, so also check by eye on a projector or a dim screen. Never use color as the only way to show meaning: add a label or icon too.

    Build a typography system

    Type is the biggest part of most slides, so consistency here does the most work.

    Use one font family, or one pair. A single family with regular and bold weights is often enough. If you pair, use one font for headings and one for body text, and stop there.

    Define four levels and stick to them. Here is a starting scale for a 16:9 deck presented on a screen:

    LevelSizeWeightUse
    Title36-44 ptBoldOne per slide, the takeaway
    Subtitle24-28 ptRegularSection names, supporting line
    Body20-24 ptRegularBullets and short paragraphs
    Label14-16 ptRegularChart labels, captions, sources

    Adjust to your fonts and room, but keep the steps clearly different. Body at 20 pt and subtitle at 22 pt is not a hierarchy.

    Set theme fonts

    Go to Design then Variants, open the More arrow, then Fonts › Customize Fonts. Choose a Heading font and a Body font, name the set, and save. Then set the sizes on the Slide Master's title and body placeholders (View then Master Views then Slide Master) so every slide follows your scale.

    Use whitespace and layout to calm the slide

    Whitespace is empty space, and it is not wasted space. It separates groups, frames the important item, and makes the slide feel organized.

    • Margins: keep a consistent empty border around every slide (about half an inch is a good start). Set it once with guides in Slide Master.
    • Gutters: keep the same gap between columns or cards. Use Distribute to make gaps equal.
    • Grouping: items that belong together sit close; unrelated items sit farther apart. Distance itself tells the viewer what goes with what.
    • Breathing room: leave space around titles, images, and key numbers.
    • Do not fill empty space just because it is empty. A stock photo, clip art, or extra bullet added "so it does not look bare" competes with your message.

    Before

    • Text touches edges
    • Long title wraps
    • No grouping

    After

    • Even margins
    • Equal gutters
    • Message intact
    A cramped slide with content touching the edges, rebuilt with margins, gutters, and grouped cards.

    Notice that the redesign kept the message. Whitespace came from splitting, shortening, and arranging, not from deleting the point.

    Put it together: a five-minute design pass

    Hierarchy, color, type, and whitespace work best as one routine you run on every slide before you share a deck. Here is the pass, applied to the tutoring center's "How our study plan works" slide.

    1. Message. Read the title aloud. Does it state the point? Rewrite "Study Plan" as "Our plan works in four repeating steps."
    2. Content. Cross out anything that does not support the title. Move it to notes or another slide.
    3. Focal point. Decide what the viewer should see first. Give it the most size, weight, or accent color, and only that item.
    4. Color. Check that every color comes from the theme palette (the top rows of any color picker). Replace stray custom colors.
    5. Type. Check every text element against your four levels. Anything in between gets snapped to the nearest level.
    6. Space. Turn on guides and check margins. Use Align and Distribute for equal gutters. Pull related items together.
    7. Squint test. Zoom out or step back. Is the focal point still the first thing you notice?

    Speaker notesAccent color on Check in, because weekly check-ins are what parents ask about most.

    • Title states the point
    • One accent
    • Theme colors and fonts only
    The finished study plan slide after the design pass, with the Check in step highlighted in the accent color.

    Make the pass faster next time

    Every decision you make twice should move into the template. Theme colors and fonts live in the theme. Type sizes and margins live in the Slide Master. Card shapes and label styles can be copied with Format Painter or saved on a layout. After a few decks, most of the pass becomes a quick check instead of a rebuild.

    Common design mistakes

    • Emphasizing everything. Bold, color, and size on every line cancel each other out.
    • Using the accent color as a decoration. If the accent appears on borders, icons, and every heading, it no longer signals importance.
    • Picking colors by eye on each slide. Save theme colors and choose from the top row of the palette.
    • Mixing fonts from copied slides. Pasted slides often bring their own fonts. Use Use Destination Theme when pasting, and check Home then Editing then Replace then Replace Fonts to swap stray fonts deck-wide.
    • Shrinking text to fit. If text needs to be 14 pt to fit, the slide has too much content. Split it.
    • Low-contrast "stylish" text. Pale gray on white looks elegant on your monitor and disappears on a projector.
    • Filling every gap. Empty space is part of the design.

    Practice

    Practice

    Redesign a wall-of-text slide

    Guided practice: turn a "wall of text" slide into a clean visual explanation.

    1. Create a slide titled "Study Plan" with eight full-sentence bullets describing how a tutoring plan works.
    2. Write the slide's one-sentence message. Make it the new title.
    3. Move any bullet that does not support that title into the speaker notes or a new slide.
    4. Reduce what is left to three or four short phrases. Turn them into a row of shapes or a simple process.
    5. Apply your palette: neutrals for most items, the accent on the single most important step.
    6. Check sizes against your type scale, then add guides for margins and use Distribute for equal gutters.
    7. Run Review then Accessibility then Check Accessibility and fix any contrast warnings.

    Independent challenge: create a three-slide visual style sample (title slide, content slide, summary slide) for a tutoring deck. Save custom theme colors (five roles) and theme fonts, and use your four-level type scale. Under each slide, write one sentence in the notes explaining your hierarchy choice: what should the viewer see first, and how did you make that happen?

    Check your understanding0 of 4 correct

    Pick an answer to see whether it's right and why.

    1. A slide titled "Q3 Update" lists sales results, a new hire, and an office move. What is the best first fix?

    2. On a results slide, the logo is the first thing you notice when you squint. What does that tell you?

    3. A presenter uses red for "behind target" on slide 4 and red for the company brand header on slide 9. Why is that a problem?

    4. Your deck uses 18 pt, 20 pt, 22 pt, and 24 pt text across headings and bullets. What is the best improvement?

    You're ready to move on when

    Tick each one off as you go. Your ticks are saved in this browser only.

    Related

    Sources and further reading

    Was this guide helpful? Spot a mistake? Send feedback · admin@arumsoft.com