Design system

Cedar

A grounded system with a forest-green accent on warm white.

Primary action Documentation

Overview

Live

Revenue

$284.6K

+4.2% this month

Active users

24,812

+1.8% this week

Latency

128 ms

+6 ms p95
Foundations

Color and type

The primitives every component draws from. Tokens stay consistent across light and dark, so contrast holds wherever a surface lands.

Palette

Color tokens

Semantic roles, not raw values. Swap the source and every surface updates.

canvas#fbf8f3
surface#f3f1ec
ink#242424
body#5c5b5a
primary#1f6f4b
success#17834d
warning#916d1a
danger#bf3722
info#226bbf

Typography

Type scale

One display family, one body family, one mono for figures and labels.

DisplayInter
The quick brown foxInter
const tokens = system;JetBrains Mono
Components

Built to compose

Buttons, forms, badges, and data, each with real hover, focus, disabled, and error states wired in.

Form

Invite a teammate

We send one invite. No follow up.
Roles change anytime from settings.
Enter a valid email address.
Active Pending Failed Queued Production us-east-2

Sessions

18,402

+3.1%

Conversion

3.74%

+0.4 pt

Refunds

$1,284

+2.6%

Uptime

99.94%

30 day

Traffic

Top sources

Source Sessions Rate
Organic search 9,847 4.12%
Direct 5,231 3.68%
Referral 2,094 5.27%
Email 1,230 6.41%
Patterns

Composed in context

The same primitives assembled into a working surface: metrics, a regional breakdown, and the day's open tasks.

Revenue

$48.2K

+5.7% today

New accounts

312

+9 vs avg

Open tickets

27

+4 since 9am

Sessions by region

Today

Approve the September billing run Done
Review 3 flagged refund requests In review
Publish the v2 onboarding flow Queued
Investigate the latency spike on us-east-2 Blocked

Build with this system

Every token, component, and pattern is ready to drop into your next surface.

Download the system