Lesson 8 of 11
Framing
A frame is a spotlight: it tells the eye exactly where to look.
Learn
A frame is a spotlight you draw. Putting a border, box or colour shape around something marks it as special and shows exactly where it starts and ends.
Frames come in flavours
a box
Solid box: this is one unit; keep it together.
✂ coupon
Dashed frame: cut here, or pay attention here.
colour shape
Colour block: a soft frame made of background colour.
The one-frame rule
thisthisthis
Frame everything and nothing feels special.
thisTHISthis
One frame = one clear star. Give the content breathing room inside it.
Wrong vs right
Seen in the wild
Shops frame exactly one offer: the frame tells you it's special before you read a word.
Wireless mouse: $19
DEAL OF THE DAYStudio headphones; $39$79
USB-C cable: $6
Laptop stand: $24
1
2- 1A border plus a tinted background frames the deal; your eye lands inside it before reading anything else.
- 2The ordinary rows stay frameless. If every product had a frame, none would feel like a deal.
Practice
Drag the pieces into place
Hint