Workspace

Aktiver Datenkontext und externe Zugänge.

Design System

Choose a category to edit the workspace brand, tokens, typography, imagery and exports.

Application rhythm

These tokens drive the amount of softness, density and breathing room across the workspace UI, reports and exported decks.

Radius

Corner shape for panels, controls, cards and pills.

Small radiusradius-sm
Default radiusradius
Large radiusradius-lg
Pill radiusradius-full

Spacing

Core spacing steps used by toolbars, forms and page rhythm.

4px steps-1
8px steps-2
12px steps-3
16px steps-4
20px steps-5
24px steps-6
32px steps-8

Gaps

Distances between related elements, groups and larger regions.

Tight gapgap-tight
Item gapgap-item
Group gapgap-group
Section gapgap-section
Region gapgap-region

Density

Heights for rows and compact controls across the app shell.

Dense rowrow-dense
List rowrow
Chrome rowrow-h
Small controlctl-sm

Reading

Comfortable line length for report and prose surfaces.

Prose measuremeasure-prose

Motion

Default easing used by interactive transitions.

Default easingease

Elevation

Small and large shadows for light and dark surfaces.

Light smlight.shadow_sm
Light lglight.shadow_lg
Dark smdark.shadow_sm
Dark lgdark.shadow_lg
open

Feedback

Sent along, transparently: Page · Version 0.2.0

Or open a GitHub issue ↗