---
title: "Patterns — Brand system"
description: "How Unitpost pages are built from the kit: one shape each for list, detail, settings, empty, and error pages."
url: https://www.unitpost.com/brand/patterns
section: "Brand"
updated: 2026-09-29
---
# Patterns — Brand system

> How Unitpost pages are built from the kit: one shape each for list, detail, settings, empty, and error pages.

This page is a visual specimen of the Unitpost design system. The written contract it illustrates is [design.md](https://www.unitpost.com/design.md) (§6 Page patterns). Load design.md to build on-brand UI; it is the authoritative source.


## Other brand pages

- [Brand system](https://www.unitpost.com/brand): Unitpost design foundations: colors, typography, materials, interface components, and page patterns. One set of tokens and one kit for every surface. ([Markdown](https://www.unitpost.com/brand.md))
- [Colors — Brand system](https://www.unitpost.com/brand/colors): The neutral ladder, semantic roles, and every color token with its light and dark value, read live from theme.css. ([Markdown](https://www.unitpost.com/brand/colors.md))
- [Typography — Brand system](https://www.unitpost.com/brand/typography): Inter for the interface, DM Sans for headings, Source Code Pro for machine values only. One size scale and named type-* roles from theme.css. ([Markdown](https://www.unitpost.com/brand/typography.md))
- [Materials — Brand system](https://www.unitpost.com/brand/materials): Card appearances and tones, the four-step elevation ladder, and radius roles: pills for controls, soft rectangles for panels. ([Markdown](https://www.unitpost.com/brand/materials.md))
- [Components — Brand system](https://www.unitpost.com/brand/components): Every Unitpost interface primitive with its variants and states, shown in light and dark themes and checked against the components' own types. ([Markdown](https://www.unitpost.com/brand/components.md))