Why Your Design System Needs a Flat Hierarchy

Walk into any modern product office and you will see designers reaching for the elevation property the way previous generations reached for stock photography. The hierarchy of an interface is communicated through layered shadows: card on top of section on top of background, each lifted a few pixels off the last.

The result is interfaces that look like a stack of pancakes from the side and a chaos of grey rectangles from the top. Hierarchy without legibility.

The alternative is older and harder: type weight, color, and a one-pixel border. The card is not "lifted." The card is its own surface, separated from the page by a thin line. The headline is not bigger because we want it to feel important; the headline is bigger because it is the headline.

This is the discipline of flat design done right — not the 2013 version, where everything became an unrecognizable blob, but a 2026 version that uses borders the way print designers used them: to separate, not to decorate.

If your design relies on a shadow to be readable, your design relies on a workaround.