The four pillars

Four domains. Typography, animation, craft, copywriting. Each necessary, none sufficient alone. Beautiful type with lifeless transitions feels sterile. Spring animations with generic CTAs feel hollow. ## Typography: the foundation Not typeface selection, the decisions after. Weight contrast between headings and body. Line-height that makes paragraphs breathable. Letterspacing on small-caps labels. Smart quotes over straight quotes. If the text feels wrong, everything inherits that wrongness. ## Animation: the language of change Snap into existence: "this appeared." Decelerate into position: "this arrived from somewhere." Animation encodes _physics_. Ease-out mimics deceleration. Ease-in mimics acceleration. These curves trigger subconscious expectations from a lifetime of physical objects. Violate them: uncanny. Honour them: _real_. ## Craft: the accumulated standard The 4-pixel grid. `overscroll-behavior: contain` behind a modal. Focus rings that follow border-radius. A loading spinner that waits 200ms so fast responses don't flash. Each detail is trivial. The _consistency_ is what separates craft from decoration. ## Copywriting: the bridge Every word is a _design decision_. "Submit" is one decision. "Start your free trial" is a different one. Same action, completely different conversion rates. Good interface copy tells the user _what happens next_ and _why they should care_. "Learn More" fails both. "See how it works" nails the first. "Ship 40% faster, see how" nails both. ## The compounding effect Not additive. Multiplicative. Good typography makes good copy _more_ persuasive. Proper spacing makes animation _more_ effective. Good copy makes good typography _more_ noticeable, because readers spend more time with the text. You can't compensate for poor typography with spring animations. Can't hide generic copy behind a beautiful palette.