Atomic Design: Templates

Master the creation of templates - page-level layouts that define content structure without actual content. Templates establish the skeletal structure that pages will use.

What Are Templates?

Templates are the page-level objects that place components into a layout and articulate the design's underlying content structure. They are:

• Composed of organisms: Arrange organisms into page layouts
• Content-agnostic: Use placeholder content, not real data
• Structural: Define where content types will appear
• Reusable: Same template can be used by multiple pages
• Responsive: Handle all viewport sizes

Common Template Types

Marketing Templates