Wireframe

A low-fidelity skeleton of a screen focused on structure, not visuals.

A wireframe is a stripped-back layout that shows where content, controls, and navigation go — without colour, imagery, or final styling. It lets teams agree on structure and priority fast and cheaply, before investing in high-fidelity design.

Wireframes range from rough sketches to tidy greyscale layouts. Their job is to answer 'what goes where and why', leaving 'how it looks' to later stages.