Templates are predefined, reusable layouts that combine various components and design patterns to create complete, consistent sections or pages of an application or website. They serve as blueprints for specific types of content or interactions, providing a standardised way to present information and functionality.
Templates are built using:
Components: These are the basic building blocks of a design system, such as buttons, input fields, cards, and navigation bars. Components are designed to be modular, reusable, and consistent in appearance and behavior.
Patterns: These are higher-level constructs that define common solutions to recurring design problems. Patterns typically involve a combination of multiple components and prescribe how they should be used together. Examples include form layouts, navigation structures, and card grids.
Some of the main templates we use to design digital experiences