Level 4: Templates — Content-Agnostic Layout Skeletons

With templates, Atomic Design shifts from the chemistry metaphor to page construction:

• Definition: A template is a wireframe-like structural skeleton that arranges organisms, molecules, and atoms into an overarching page layout.
• Content-Agnostic Nature: Templates define the spatial blueprint, responsive grid columns, and container constraints, but contain placeholder content rather than production data.
• UX Value: Templates demonstrate how components adapt across breakpoints and define where dynamic modules live.