Layouts

A form-based page for creating or editing a resource in a web application

Index page for a web application with space for alert boxes, bulk actions, and filters

Display details about an individual resource in a web application

A minimal page layout with only a basic header, footer, and optional sidebar

Display a grid of cards with images, descriptive text, and calls to action

Show a success message and timeline of next steps for an application or transaction

Use running text, images, and other content components to provide more detail about a topic

Show helpful information and suggest next steps in the event of an error

Home page, campaign page, or section landing page for a marketing website

Display a list of people with avatars, titles, and contact information

Show detailed information about a person, including a headshot and bio

Show an overview of tasks to be completed and their status