Design system

# Redline

A high-energy near-black system with a crimson edge.

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#080808
surface#101010
ink#f2f2f2
body#b5b5b5
primary#dd3e59
success#5ede9e
warning#deb85e
danger#de6f5e
info#5e9ade

Typography

### Type scale

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

Display Inter
The quick brown fox Inter
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

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

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