Twenty years of design swinging on the same string: imitate matter or embrace the screen. The pendulum is resting on editorial humanism. Push it and it comes back to the axis. Pull hard and it leaves.
Each style was a reaction to the one before, but almost all of them moved along a single line: how much the interface pretends to be an object. Skeuomorphism imitated leather; flat embraced the screen; gradients and glass went back to faking light and matter; brutalism and pixel art embraced the machine again; editorial humanism went back to faking paper. None of them changed what the page does. They all stayed still images.
This section's diagram became the hero: under the pendulum, the timeline of the seven styles, with the stem pointing up for those that imitated matter and down for those that embraced the screen. The dashed line across the tips traces the swing. My reading, not a measurement: positions show which way each style pulled, not how far. Apple's Liquid Glass (2025) tried to get out through light and refraction and ran into legibility; Apple itself backed off at WWDC 2026.
The backlash against "AI slop" is strong: texture, grain, handmade, collage, interface nostalgia. It is a fair reaction, but it stays on the image axis, and it is already being copied: cream paper, serif and terracotta have themselves become the default AI look.
The way out is to treat the interface as a material with physical properties: mass, tension, viscosity, growth. The warmth comes from how the thing responds, not from looking like paper. And the material only moves when you move it; at rest, the page is legible and quiet. It is the opposite of Liquid Glass, which moves and refracts all the time and makes reading pay for it.
Spring, inertia and viscosity instead of paper grain. The warmth is in the response to the gesture.
Nothing moves on its own enough to get in the way. Pull, stretch, return. With reduced motion, it stays still and remains complete.
No decorative blob like in 2019. The organic shape is computed from something real about the client.
Elastic, fractal or viscous. Pick one and leave the rest in editorial silence.
Variable fonts as matter: width and weight react, but the word never becomes illegible.
Deterministic noise, not random: the same irregular edge every time, like a signature.
Each letter is a body on a spring. Near the cursor, the variable font's width (Roboto Flex's wdth axis, from 25 to 151) grows and the weight goes up; farther away, everything returns to the original drawing, with a slight wobble.
The lens radius adds up 40 harmonics whose amplitude falls off as 1/k. The result is a coastline outline that looks the same at every scale. The seed is fixed: the edge is always the same, like a signature, and it turns slowly.
Two blue drops under a filter that merges nearby shapes (metaballs). The smaller one follows the cursor with a spring lag; when it touches the larger one, the two join through a viscous neck and merge. Let go, and it returns to its place.
An organic shape without meaning turns into Dribbble decoration. Rule 3 exists for this: the shape has to come from the client's data or idea.
Everything moving all the time is Liquid Glass's mistake. One material per page, only on touch, and prefers-reduced-motion respected.
Without a cursor, the physics depends on the finger and on scrolling. Each specimen needs a good-looking resting state and a touch trigger.
A per-frame SVG mask and a blur filter cost CPU on large screens. Limit the animated area and stop animating off screen.
← Research notebook · stickybit.com.br