Labs · Token Lab

Edit thedesign tokensthat power Ambient.

Tweak colors, container widths, and other design constants. Preview them live against a sample card. Submit your changes as a Pull Request against ambientintel/platform.

Source of truth

packages/tokens/src/index.ts

Open on GitHub →

Colors (15)

cream

COLORS.cream

Primary surface. Hub and landing backgrounds.

parchment

COLORS.parchment

Card surfaces inside cream layouts.

parchmentEdge

COLORS.parchmentEdge

Border on parchment cards.

text

COLORS.text

Primary text. Headlines and body.

textMuted

COLORS.textMuted

Secondary text. Subheads and descriptions.

textSubtle

COLORS.textSubtle

Tertiary text. Captions and helper copy.

textFaint

COLORS.textFaint

Quaternary text. Labels, eyebrows, deemphasized.

textWhisper

COLORS.textWhisper

Quinary text. Decorative, watermark-like.

brandDark

COLORS.brandDark

Dark surfaces. Footer, hero accents.

sage

COLORS.sage

Sage accent. Live status, success states.

terracotta

COLORS.terracotta

Terracotta accent. Warm callouts, errors deemphasized.

amber

COLORS.amber

Amber accent. Warnings, R&D status.

blue

COLORS.blue

Blue accent. Primary CTAs against dark backgrounds.

line

COLORS.line

Hairline borders on cream.

lineStrong

COLORS.lineStrong

Stronger borders for emphasis.

Layout

CONTAINER_WIDTH

matches anthropic.com

Live preview

Sample card

Ambient Intelligence

The platform's design tokens render here in real time. Edit a value on the left and watch this card update.

StatusLive

container · 1274px

Diff vs main (0)

No changes yet. Edit a token on the left.