Getting Started

Introduction
Brand DNA
Design Direction
- Design Vision
- Principles

Identity

Overview
Logos
Colors
Typography
Photography
Renders
Illustration

Foundations

Color Palette
Semantic Colors
Surface Elevations
Typography
Spacing
Shadows
Border Radius

Components

Overview
Built Components

Dev Tools

Styleguide
Components
Token Usage

Lab

Design Hub
Sketch to UI

Dev Tools

Lab

Foundations

Spacing

Spacing scale used across all Trezor products.

Page tokens