Overview

The Templates section provides flexible layout patterns meant to accelerate design and development. Unlike components, templates focus on structure, not behavior.

What is a Template?

  • A template is a structural pattern that illustrates how components can be composed in a layout.
  • It includes spacing, alignment, and responsive behaviors based on design tokens (spacings and intentional tokens).
  • Templates are useful for building a complex UI without reinventing layouts.

Who should use it?

  • Designers: To quickly create structured screens using pre-built, customizable layouts.
  • Developers: To copy-paste a layout scaffold using our predefined classes.