Example 1 · Event Poster
School Camp Announcement
Where you see it: class notice boards, printed handouts, email newsletters
✗ Elements floating randomly — no shared edge
✓ All elements share one left edge
Example 2 · Business Card
Contact Information Card
Where you see it: teacher's name cards, professional introductions, design portfolios
✗ Text indented randomly — no alignment
✓ All text left-aligned on the same edge
Example 3 · CV / Resume
Job Application Document
Where you see it: job applications, scholarship forms, portfolio submissions
✗ Mixed alignments — centre, left, right all on one page
✓ Consistent left alignment throughout
Example 4 · Food Menu
Canteen / Hawker Menu Items
Where you see it: hawker stall menus, canteen boards, restaurant menus
✗ Items indented inconsistently
✓ All items flush left, prices flush right
Example 5 · Presentation
PowerPoint / Google Slides
Where you see it: every class presentation, teacher's slides, project submissions
✗ Title centred, body left, footer right — 3 alignments
✓ Everything left-aligned — clean and easy to read
Example 6 · Online Form
Registration / Sign-Up Form
Where you see it: Google Forms, school portals, competition registration pages
✗ Labels and fields unaligned — hard to scan
✓ Labels right-aligned, fields left-aligned — clean grid
Interactive
Snap to Alignment
Drag the labels around, then click Auto-align to see them snap to a shared left edge
🎯 Challenge: The Alignment Audit
Take a screenshot of any slide presentation or printed document. Open it in any photo editor and draw vertical lines. Then ask:
- How many different left edges are there? (Ideal: 1 or 2 maximum)
- Is the title centred but the body left-aligned? (This is the most common mistake.)
- Are all the right edges of the text blocks even, or do they end at random points?
- What single alignment change would most improve the layout?