llms.txt: structured index of this documentation for AI agents. Append .md to any page URL, or send Accept: text/markdown, for a Markdown version of any page.

Skip to content

The 1% that matters
Training your eye
Your first fix

Choosing the control
Scope & consequence
Every reachable state
Accessibility as completion
The smallest intervention
The decision layer

Typeface classification
Typeface pairing
OpenType features
Font selection & weights
Font loading
Sizing & measure
Spacing & rhythm
Hierarchy & scale
Alignment & layout
Punctuation & special characters
Display & headlines
Brand & identity

Spacing & alignment
Colour systems
Layout patterns
Mobile resilience
Performance details
Polish: the last 5%

Accessibility
Interaction details
Forms
Navigation & feedback

Page anatomy
Why first, not what
Persuasion frameworks
Show don't tell
Benefit not feature
CTA clarity
Page types
Microcopy
Sentence economy
The seven sweeps

When to animate
Easing
Duration & asymmetric timing
Physics-based motion
Spatial & directional motion
Stagger & entrance sequences
Accessibility & performance
Component patterns
Gesture & drag
clip-path techniques
Scroll animations

The AI taste gap
Visual slop signals
Editing AI output
AI writing detection
Studying design decisions
The last mile

Agent-native design
Earning agent trust

Collisions at the seams
Hero section
Empty state
Feedback popover
Pricing page
Settings page
The full stack audit

Start the course

0 of 67 lessons complete

Course
Animation
Easing

Easing

Choose easing that matches how an element enters, moves, or leaves

Part of the full course

Unlock every lesson

Get a lifetime seat for a single $100 payment: every lesson, every future update, forever.

Already bought? Sign in.