Design Systems Reference

One place for every
design system

Browse Apple HIG, Material Design, and Fluent specs. Watch this page transform as you switch systems.

3 Design Systems
500+ Colors
One-Click Copy
Interactive Demo

Experience the transformation

Switch between design systems and watch the UI adapt in real-time

Active Theme
Design System
Appearance
Currently: Apple HIG
Design Systems

Complete specifications

Everything you need from the world's leading design languages

A

Apple Human Interface Guidelines

Design guidelines for creating intuitive, consistent experiences across Apple platforms including iOS, iPadOS, macOS, watchOS, tvOS, and visionOS.

iOSiPadOSmacOS+3
G

Material Design 3

Material Design is a design system built and supported by Google designers and developers. Material 3 (M3) is the latest version featuring dynamic color, updated components, and adaptive design.

AndroidWebFlutter+1
M

Fluent Design System

Fluent is Microsoft's design system for creating experiences that seamlessly fit into a broad range of Microsoft products. Fluent 2 is the latest evolution featuring improved depth, motion, and accessibility.

Windows 11WebiOS+2
Features

Everything at your fingertips

Powerful tools for designers and developers

Color Palettes

Complete color systems with HEX, RGB, and HSL values. Light and dark themes with semantic tokens.

Typography

Full type scales with weights, sizes, and line heights.

Spacing

Spacing tokens and sizing guidelines.

Compare

Side-by-side comparison of up to 4 systems.

One-Click Copy

Copy any value instantly to clipboard.

Quick Reference

Need specs fast?

Condensed cheat sheets for rapid design decisions.

Pro tip: PressKfor quick navigation