System v.2.0

# Pure
Aesthetic

A focused design system emphasizing whitespace, refined typography, and micro-interactions.

Explore Components
01

### Foundations

02

### Components

03

### Effects

04

### Export

02 // Typography

## Type Scale

Display H1 (Inter Tight)

# AaBb

H1

# The quick brown fox

H2

## The quick brown fox

H3

### The quick brown fox

#### Font Families

Ag

Inter

Primary Sans-Serif

Ag

JetBrains Mono

Monospace / Code

Body Large. Design is intelligence made visible. Use for lead paragraphs.

Body Default. Good design is obvious. Great design is transparent. This is the standard size for long form reading.

Caption / Label. Details matter, it's worth waiting to get it right.

COLOR PALETTE SYSTEM COLOR PALETTE SYSTEM COLOR PALETTE SYSTEM
03 // Colors

## Palette & Roles

Primary

#000000

Surface

#FFFFFF

Zinc 100

#F4F4F5

Zinc 400

#A1A1AA

Accent A

#6366F1

Success

#10B981

04 // Interface

## Component Library

#### Interactive Inputs

#### Button Variants

Generative Button

#### Status & Bags

Default Solid Active

#### Complex Cards

### Sarah Connor

Lead Design Architect

"Design is the intermediary between information and understanding."

Available for hire
+12%

### 8,234

Active Users

AVG

### 1.2s

Load Time

## Iconography System