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

Experimental

Sketch to UI

Upload a hand-drawn wireframe sketch and get Trezor Design System-compliant UI code in seconds.

Drop a sketch here or click to uploadPNG, JPEG, GIF, or WebP up to 10MB

Page tokens