White Space Power Slides White Space
Power
Mastering Visual Hierarchy & Document Design
The 5-Second Test
Document A
Dear Hiring Manager, I am writing to you today because I saw your job posting on the internet and I thought that I would be a really good fit for the position of junior analyst at your company. I have a lot of experience in different fields and I have worked for many different people over the years. My skills include typing very fast and I also know how to use most computer programs that are common in offices today like Microsoft Word and Excel and PowerPoint. I am a hard worker and I always show up on time and I never complain about having to stay late or work on the weekends if it is necessary for the team to succeed. I think that my background in retail and my recent graduation from high school make me a uniquely qualified candidate for this role. I look forward to hearing from you soon so that we can schedule an interview and talk more about how I can help your team grow and achieve all of its goals for the upcoming fiscal year. Sincerely, John Doe.
"Where is his top skill?"
Document B
John Doe
Junior Analyst Candidate
Expertise in Data Visualization
Proficient in MS Office Suite
Recent Honors Graduate
Identified in < 2 seconds.
Defining White Space
01. Not "Empty"
It is an active element of design that balances your content.
02. Negative Space
The space between and around elements like text and images.
A B C
Kerning is White Space
The Professional Impact
Readability
Prevents cognitive overload. Readers scan; they don't read every word.
Authority
Generous margins signal confidence and professional standards.
Navigation
Groups related info together, making the document easy to navigate.
User Scanning Patterns
The "Z" and "F" Patterns
The Z-Pattern
Used for documents with less text. The eye moves from top-left to top-right, then down to bottom-left, then across to the finish.
Scanning Simulation
The F-Pattern
Used for text-heavy documents. The eye reads the top line, then a shorter line below, then scans down the left side.
Scanning Simulation
Your Mission
Take the "Wall of Text" worksheet. Your goal is to redesign it using only **white space, margins, and line breaks** to make it scannable in 3 seconds.
Cut Clutter
Group Info
Align Items
White Space Redesign Worksheet Wall of Text Redesign
Lesson 1: Visual Hierarchy & White Space
Student Name
Date
The Challenge
Below is a "Wall of Text"—a standard company policy update that is nearly impossible to scan. Your task is to critique the existing layout and then use the blank space on the following page to **redesign it**. Focus on:
Active White Space
Logical Grouping
Consistent Margins
Original Document
POLICY UPDATE REGARDING HYBRID WORK SCHEDULES AND OFFICE PROTOCOLS FOR FISCAL YEAR 2026. Effective immediately, all employees are required to adhere to the new hybrid work policy which stipulates a minimum of three days per week in the physical office location. This policy is designed to foster collaboration and ensure that team synergy remains high during our expansion phase. Employees should coordinate with their direct supervisors to select their specific "in-office" days by no later than Friday at 5:00 PM of the preceding week. Furthermore, the office will be equipped with new ergonomic stations and all employees are expected to maintain a clean workspace policy to facilitate "hot-desking" for those who are working remotely on rotating schedules. Security protocols have also been updated, meaning that all ID badges must be visible at all times while on the premises and guests must be registered at the front desk 24 hours in advance of their arrival. Failure to comply with these guidelines may result in a formal review of your remote work privileges and could impact annual performance evaluations. For technical support regarding the new desk booking app, please contact the IT help desk at extension 404 or email support@company.com between the hours of 8:00 AM and 6:00 PM EST. Thank you for your cooperation as we transition into this new phase of our operational strategy.
Critique: What's Wrong?
1. Identify three pieces of information that are difficult to find in the original text:
2. How does the lack of white space affect your "scanning" speed?
Your Redesign
Apply the principles of White Space Power.
Sketch or write your redesigned layout here.
Typographic Authority Slides T
Typographic Authority
The Tone of the Page
Does Font Matter?
"I am writing to formally resign from my position as Chief Financial Officer, effective immediately."
The Problem: Lack of Authority
"I am writing to formally resign from my position as Chief Financial Officer, effective immediately."
The Solution: Gravity & Tone
The Great Divide
Serif
Defined by "feet" or small strokes at the end of characters.
Traditional & Formal
Better for long reading (print)
Conveys stability and history
Sans-Serif
"Sans" = Without. Clean, straight edges.
Modern & Efficient
Optimal for screens/scanning
Conveys innovation & clarity
Visual Ordering
Main Heading
32pt - 48pt / Bold / Sans-Serif
Section Subheading
18pt - 24pt / Medium / Serif
Body text should be clear and consistent. Standard business sizing ranges from 10pt to 12pt. Use generous leading (line spacing) for readability.
11pt / Regular / Serif or Sans
Common Professional Sins
Over-Emphasis
If everything is BOLD AND CAPS , then nothing is important. Use emphasis like salt—sparingly.
Font Salad
Limit your document to two fonts max. One for headings, one for body.
Underlining
In the digital age, underlining implies a hyperlink. Use italics for book titles or emphasis instead.
Establish Authority
Your next task: Take a generic document and select a font pairing that conveys either **Trust**, **Innovation**, or **Urgency**.
Contrast Consistency Legibility
Typographic Personality Worksheet Typographic Personality
Lesson 2: Selecting Fonts for Purpose & Authority
Student Name
Date
1 Matching Font to Feeling
Typography isn't just about reading; it's about feeling. Match the following professional document types with the "personality" they should project and the font category (Serif or Sans-Serif) that best fits.
Document Type Intended Tone Font Choice (Serif/Sans) A Law Firm's Contract
Serif Sans
|
| A Tech Startup's Pitch Deck |
|
Serif Sans
|
| A Historical Archive Label |
|
Serif Sans
|
2 Creating the Scale
In the boxes below, write the name of the designated element using different typographic techniques (size, weight, casing) to show their relative importance. Make the "Main Header" feel vastly more important than the "Caption."
Main Header (e.g., Project Title)
Sub-Heading (e.g., Section Name)
Body Text (e.g., Description)
Caption (e.g., Date or Detail)
3 Identify the "Sins"
Urgent Announcement regarding the Holiday party!!!
Please note that the annual holiday party will be held on December 15th. It is VERY IMPORTANT that you RSVP by the 1st of the month so we can get an accurate count for the caterer who is serving Lobster and Steak. We also need to know if you have any allergies or dietary restrictions that we should tell the kitchen about before they start cooking the food for us. YOU MUST NOT BE LATE OR YOU WILL MISS THE RAFFLE.
Identify 3 typographic errors in the paragraph above:
Resume Strategy Slides Resume
Strategy
Designing for the 6-Second Scan
The 6-Second Scan
Recruiters spend an average of 6 seconds looking at a resume before deciding to "Keep" or "Toss."
They are looking for:
Name & Contact Info
Current Title/Company
Education Dates
Key Skills
Heatmap of Eye Movement
Alignment is Authority
The Left Rail
The eye naturally follows a vertical line down the left side. Keep your section headers and primary bullet points perfectly aligned to anchor the reader.
Right Justification
Dates and locations should be right-aligned . This creates a clean frame and separates supplementary info from core accomplishments.
Software Engineer
June 2024 – Present
Formatting for Retention
The Power of 3-5
Never exceed 5 bullets per role. Too many bullets become a "wall of text" that is skipped entirely.
Action Verb Start
• Managed a team...
• Developed a strategy...
• Reduced overhead by...
Pro-Tip: Hanging Indents
Ensure your bullet text doesn't wrap back under the bullet itself. Use a 0.25" hanging indent to keep the bullet point clear and distinct.
Visual Rejection Triggers
Graphics/Photos
Unnecessary icons or headshots distract from the data and confuse automated scanners (ATS).
Tight Margins
Margins smaller than 0.5" make the document look desperate and crowded. Let it breathe.
Skill Progress Bars
"80% proficient in Excel" is meaningless data. Use descriptive tiers: "Advanced," "Expert," or "Proficient."
Workshop Phase
You are now the Hiring Manager. You will be given 5 resumes. You have **30 seconds total** to rank them based purely on layout and scannability.
Audit
Align
Apply
Resume Audit Activity Resume Audit Challenge
Lesson 3: The 6-Second Scan Workshop
Candidate ID / Name
Date
Phase 1: The Gut Reaction (30 Seconds)
Look at the provided Resume Samples (A, B, C). Based only on visual layout, scannability, and use of white space, rank them from best to worst. Do not read the actual content yet.
1st Top Choice
2nd Middle Tier
3rd Immediate Toss
Phase 2: Deep Dive Audit
Analyze your #1 choice. Verify if it meets the professional design standards discussed in the slides.
Alignment & Justification
White Space Balance
Estimate the percentage of white space on the page (Ideal: 30-40%).
0% CROWDED BALANCED EMPTY 100%
Phase 3: Your Layout Blueprint
Before you start typing your own resume, sketch the block structure. Where will your name go? How will you separate the sections?
Professional Correspondence Slides Professional
Correspondence
Mastering Block Format & Memo Structure
Standard Block Style
The Block Format is the gold standard for business letters. Its primary rule is efficiency through alignment.
Left Aligned
Everything—including the date and closing—starts at the left margin.
No Indentations
Paragraphs are not indented. They are separated by white space.
Single Spaced
Text is single-spaced internally, with double spaces between sections.
Sign Here
The Anatomy of a Letter
The Header
Your contact info & current date. Followed by 3-4 line breaks before recipient info.
The Salutation
"Dear Mr./Ms. [Last Name]:" (Use a colon in business, not a comma).
Body Paragraphs
Single-spaced text. Double-spaced gaps between each paragraph.
The Closing
"Sincerely," followed by 4 line breaks for your signature.
The Memo Header
Memos are internal documents. They dispense with formal salutations and closings in favor of a rigid header .
TO: All Staff
FROM: Management
DATE: Oct 20, 2026
SUBJ: Parking Policy
Rules for Memos:
No "Dear..."
No "Sincerely,"
Usually one page max.
Bullet points encouraged.
Professional Polish
Floating Closings
Leaving the closing "Sincerely," on a new page by itself is a major formatting error.
Informal Headers
"Hey Team" is for Slack. "TO: Team" is for a memo. Know the difference in gravity.
Ragged Alignments
Mixed alignments (some center, some left) destroy the professional visual anchor.
The Scramble
You are about to receive a business letter that has been cut into strips. Your team must reassemble it perfectly on a blank sheet, ensuring every margin and line break is exactly to Block Format standards.
Cut
Solve
Audit
Correspondence Practice Worksheet Correspondence Master
Lesson 4: Block Letters & Memo Headers
Student Name
Date
Task 1: The Scrambled Letter
Below are the elements of a formal business letter in the wrong order. Label each part (e.g., "Salutation", "Inside Address", "Header") and number them 1-8 in the order they should appear in **Block Format**.
Sincerely,
October 24, 2026
Jordan Smith, Lead Designer
Dear Mr. Smith:
I am writing to express my interest in the Senior Architect position... (Body Text)
Task 2: Memo Construction
Construct a professional memo header for the following scenario: You are the Event Coordinator (Alex Rivera) writing to the "Marketing Team" about the "Launch Party Logistics" on the current date.
TO:
FROM:
DATE:
SUBJ:
Task 3: The Spacing Rulebook
Fill in the number of hard returns (line breaks) required between the following sections in a standard business letter:
Date to Inside Address:
Salutation to Body Text:
Body Para 1 to Para 2:
Closing to Signed Name:
Brand Identity Portfolio Slides Brand Identity
The Final Portfolio Synthesis
Cohesion is Quality
In a professional portfolio, your documents shouldn't just be correct individually—they should belong together .
The "Holy Trinity" of Cohesion:
Identical Typographic Pairings
Consistent Header Styling
Unified Margin & Spacing Rules
Establishing Your Standards
Type Specs
Body: 11pt Noto Serif
Once you choose, these never change between your Resume and Letter.
Visual Hooks
Horizontal dividers, bold left-rail anchors, or consistent bullet styles.
Repeat your most effective visual elements to build "Brand Recognition."
The Gutters
Standard 1.0" margins. 1.15 line spacing.
Negative space must be consistent to maintain a professional "rhythm" as they flip through.
Case Study: Consistency
The Hook
Both the Resume and the Cover Letter use the exact same nameplate header: 36pt Bold Caps with a 2pt bottom border.
The Balance
White space on the Resume matches the generous margins of the Business Letter. Neither feels "overcrowded."
MATCHED
Your Mastery Mission
1
Select your Core Fonts (Headings & Body).
2
Standardize your Contact Header .
3
Audit all 3 documents for Alignment Sins .
The Rubric Focus
Visual Hierarchy (Primary/Secondary)
White Space Utilization
Cross-Document Consistency
Typographic Authority
Polish & Publish
Design is the silent ambassador of your professional brand. Make sure it speaks with authority.
Portfolio Polish Checklist Portfolio Polish Checklist
Lesson 5: Final Synthesis & Brand Consistency
Student Name
Date
The Final Audit
A professional portfolio is more than a collection of papers—it is a unified brand. Use this checklist to ensure that your **Resume**, **Business Letter**, and **Memo** function as a cohesive set.
Visual Cohesion
Identical Font Pairings
The exact same Heading font and Body font are used across all three documents. (No substitutions!)
Unified Nameplate
Your personal contact header (Name, Phone, Email, LinkedIn) looks identical on the Resume and the Business Letter.
Consistent Color/Graphic Elements
If you used a horizontal divider line or a specific accent color, it is applied in the same locations across the set.
Document Standards
The 6-Second Resume Scan
Key info is identifiable in 6 seconds. Dates are right-justified; bullets have hanging indents.
Perfect Block Letter Format
No indented paragraphs. All text is left-aligned. Spacing between salutation, body, and closing is correct.
Standardized Memo Header
The TO/FROM/DATE/SUBJ lines are bolded, aligned, and follow the standard internal layout.
Peer Brand Audit
Exchange your portfolio with a partner. Have them answer the following questions honestly.
1. What is the "Tone" or "Personality" of this portfolio? (e.g., Modern Tech, Traditional Legal, Creative Startup)
2. Point out one visual element that makes these documents look like they belong together:
3. What is the one thing that still looks slightly "off" or inconsistent?
