Back to LabsTheme Palette

Keep experiments on brand with design tokens

Adjust gradients, accents, and glass surfaces while previewing the component impact.

Token controls

Fine-tune colors and radii, then reuse the exported variables in production.

Color channels

Primary

Main brand color for hero CTAs and highlights.

Secondary

Gradient companion color for transitions and overlays.

Accent

Badge or micro-interaction color for contrast.

Background

Ambient background tone backing all sections.

Text

Body copy and headline color for comfortable reading.

Glass surface

RGBA fill used for glassmorphism cards and panels.

Component radius28px

Component preview

Buttons, badges, and glass cards update live as you tweak tokens.

Instant preview

Unified design tokens keep rapid experiments aligned with the official brand system.

PrimaryGradientAccent

These tokens feed directly into calls-to-action, badges, and glass layers.

CSS export

Copy the variables into your global styles or theme store to reuse instantly.

行数: 11字符: 222大小: 222 B

加载编辑器...