Form Before Style
Aesthetics must always succeed structural integrity. A design must solve spatial layout problems before decoration can begin.
Visual polish applied to a broken structure does not fix the structure. It hides it — until a user encounters the friction underneath.
What it is
Form before style is a sequencing constraint. Spatial decisions — the division of space into zones, the layout of columns, the reading flow — are resolved before visual decisions — colour, typography, imagery — are made. Not because aesthetics are less important, but because they are impossible to evaluate correctly until the structure beneath them is stable. Style applied to an unresolved layout is decoration over a problem.
What it does
It forces structural problems to surface before they are concealed. A broken reading flow is obvious in a wireframe. The same broken flow is invisible under strong visual design — until users start abandoning the page. Working without visual style exposes exactly which spatial decisions are not yet resolved, at the point when they are still cheap to fix.
What changes
Design becomes separable into two phases that cannot contaminate each other. The spatial phase is resolved in plain black-and-white rectangles. Only when that phase is complete does visual design begin. Decisions in each phase become cleaner because each phase has a single job. Structural choices are made on structural grounds. Visual choices are made on visual grounds. Neither is made to compensate for the other.
The mistake
Producing high-fidelity visual compositions before the structure beneath them is resolved. The visual finish looks complete. The structural problems remain — and become harder to see and harder to fix with each layer of style added over them. This is why redesigns are expensive: they often discover that the visual layer was doing structural work, and removing it reveals a foundation that was never built.
The takeaway
Strip all colour, typographic variation, and decoration from your early work. If the layout cannot guide a user through their task in plain boxes and raw contrast — if the reading sequence is unclear, if the primary action is not prominent, if the navigation does not orient — do not apply style to it. Solve the structure first. Then make it beautiful.