Fork DesignMD

Edit tokens to make it yours. The diff below tracks every change from the original.

Identity

NameID (slug)

color (14)

primarybrand

secondarybrand

onBrandbrand

primarytext

mutedtext

linktext

basesurface

raisedsurface

sunkensurface

defaultborder

successstate

dangerstate

warningstate

infostate

typography (17)

sansfamily

monofamily

xsscale

smscale

basescale

lgscale

xlscale

2xlscale

3xlscale

4xlscale

regularweight

mediumweight

semiboldweight

boldweight

tightleading

normalleading

tighttracking

spacing (1)

base

radius (4)

full

shadow (3)

motion (5)

fastduration

baseduration

slowduration

standardeasing

emphasizedeasing

breakpoint (4)

zIndex (4)

dropdown

sticky

modal

toast

iconography (1)

style

imagery (1)

style

100

AAValid

0 tokens edited

Color

brand.primary

oklch(0.55 0.20 275)

brand.secondary

oklch(0.68 0.15 200)

brand.onBrand

oklch(0.99 0 0)

text.primary

oklch(0.24 0.03 275)

text.muted

oklch(0.46 0.03 275)

text.link

oklch(0.55 0.20 275)

surface.base

oklch(0.99 0.004 275)

surface.raised

oklch(0.975 0.006 275)

surface.sunken

oklch(0.955 0.008 275)

border.default

oklch(0.91 0.01 275)

state.success

oklch(0.52 0.15 150)

state.danger

oklch(0.52 0.20 25)

state.warning

oklch(0.55 0.13 75)

state.info

oklch(0.52 0.13 245)

Typography

4xlThe quick brown fox

3xlThe quick brown fox

2xlThe quick brown fox

xlThe quick brown fox

lgThe quick brown fox

baseThe quick brown fox

smThe quick brown fox

xsThe quick brown fox

Components

Buttons

Inputs

Fintech

Selection

Notifications

AutoManual

Feedback

successdangerwarninginfo

Tokens validatedAll contrast checks pass WCAG AA.

Data

AMRKJD+5

2,847+12%

Storage64%

Navigation

OverviewTokensActivity

Home/Library/Item

123

Cards

Confetti

A bright, joyful design language with playful motion.

Pro

$12/ mo

Unlimited exports

Private systems

Priority support

Aria Moss

Owner

success

Ravi Kohli

Editor

info

Lena Park

Viewer

warning

Radius, shadow & spacing

full