---
title: "Patterns"
description: "Finished compositions of the foundations and the components."
canonical: index.html
navigation-title: "Patterns"
---

<a id="patterns"></a>

# Patterns

Finished compositions of the foundations and the components. Start from one of these, not from an empty page.

**[Forms](forms.md)**
Labels, hints and the three states a form goes through.

**[Screens](screens/index.md)**
Complete pages to seed a design from: a landing page, a manual, a plan and more.

**[Slides](slides/index.md)**
The frame of a deck, its layouts and how a room reads them.