Law 03Part 1: Foundations

Form Follows Purpose

Every curve, line, and color must serve a function.

Decoration without reason is distraction. True design communicates intent effortlessly. The form should make the function visible.

Example

Dieter Rams' work at Braun epitomizes this. His appliances were minimal, elegant, and unmistakably purposeful. Each knob, button, and shape communicated its function without verbal instruction.

Actionable Takeaways
  • 01Audit each element: ask, 'Does this serve a purpose?'
  • 02Prioritize readability, usability, and comprehension over aesthetics alone.
  • 03Remove anything ornamental unless it reinforces the function.
Decision Framework

When to Apply

  • When key information is being overlooked
  • Designing calls-to-action or critical decision points
  • Creating visual hierarchy in any medium
  • When everything feels 'same-y' or flat
  • Distinguishing your message from competitors

When NOT to Apply

  • When harmony and unity are the primary goals
  • In meditative or calming contexts
  • When overuse has created visual noise
  • When contrast would feel aggressive for your audience
Skill Assessment

Assessment Criteria — Where Are You?

You can identify contrast when you see it—size, color, position, texture. You understand it creates visual interest.

Self-assess honestly — growth requires knowing where you are

Deep Mode — Applied Perspectives
Deep Mode — The Designer Perspective

The maxim 'form follows function'—attributed to architect Louis Sullivan—has guided generations of designers toward purposeful work. For the practicing designer, this means every visual decision must be justified by what it accomplishes. Color choices should guide attention, create hierarchy, or evoke appropriate emotions.

Real-World Examples
  • 01OXO Good Grips kitchen tools: The oversized rubber handles exist to serve users with arthritis—form literally follows the function of accessibility.
  • 02Tesla's minimalist dashboard: The absence of buttons serves the function of software-first updates and driver focus.
  • 03Muji products: Every design decision serves utility and sustainability—no decoration exists without purpose.
How to Implement
  • 01For each design element, complete this sentence: 'This exists to help the user...'
  • 02Create a 'purpose map' showing how every element serves user goals or brand objectives.
  • 03Remove one element at a time and test—if nothing breaks, the element wasn't purposeful.
  • 04Use the '5 Whys' technique: ask why each element exists until you reach the root purpose.
  • 05Observe users interacting with your design—do they use each element as intended?
Tools & Resources
01

Functional Specification Documents

Define purpose before form

02

User Flow Diagrams

Map purposes users are trying to accomplish

03

Heuristic Evaluation

Assess whether form serves function

04

A/B Testing Tools

Measure if form changes affect functional outcomes

Further Reading
  • "Less is More" by Ludwig Mies van der Rohe — The modernist credo explained
  • "Dieter Rams: Ten Principles for Good Design" — The definitive statement on purposeful design
  • "The Laws of Simplicity" by John Maeda — Modern principles of form-function unity

Reflection Prompts

"What is the ONE thing that should stand out here?"

Contrast requires commitment. You cannot emphasize everything. What earns the spotlight?

"If I squint at this design, what do I see first?"

The squint test reveals your actual hierarchy. What your eye goes to first is what has the most contrast.

"Where in my life am I blending in when I should be standing out?"

This law applies beyond design—to career positioning, relationships, and communication.

Practice Exercises

Take five designs (yours or others') and squint at each for 3 seconds. Note what you see first. Does it match what's most important? If not, contrast is misallocated.

Difficulty:

Power Combinations

The Clarity Stack

Clarity + Contrast + White Space creates communication that is impossible to misunderstand.

Hierarchical Impact

Contrast + Hierarchy ensures the most important elements command the most attention, in the right order.

Synergies — Laws That Amplify This One

Prerequisites — Understand These First

Sign in to track applications

Personalized Analysis

Sign in to get AI-powered insights on applying this law to your life.

Sign In to Continue