Hairline, Not Shadow
Drop shadows say "this is a card". Hairline rules say "this is an instrument". Brand sites should overwhelmingly use the second.
February 13, 2026
A drop shadow is a depth cue borrowed from physical objects. It tells the eye that the thing inside the box is liftable — a card to be picked up, a button to be pressed, a tile to be tapped. In application UI, that cue is doing useful work.
On a brand site, it is almost always doing the wrong work. It is announcing affordance where no affordance is required. The visitor is not trying to lift the founder’s biography out of the page; they are trying to read it.
What the hairline does instead
A one-pixel rule — in a colour close to but not equal to the body text — separates sections without lifting them. It is the typographic equivalent of a paragraph break: visible, intentional, and quiet. It does not interrupt reading. It is the convention of editorial design for a reason.
Replace every drop shadow on a brand site with a hairline rule and the site will, immediately, read as more expensive. The transformation is mechanical and reliable.
Where the shadow legitimately belongs
Two places. On a primary CTA that needs to lift off the page to draw the click — and even then, the shadow should be quiet enough to read as a press-state cue rather than a graphic element. And on a product render in tech-apple archetype, where a soft floor shadow signals that the product is sitting on a surface.
Everywhere else: the hairline rule. It is doing more, more quietly.