Fictional example data. Every name, date and value on these pages is made up. No real patient information appears here.
Tokens
Generated from Figma via Tokens Studio. Aliases resolve to primitives; semantics resolve to aliases.
Aliases (154)
Token
Value
Preview
--alias-ai-100…--alias-ai-200…--alias-ai-300…--alias-ai-400…--alias-ai-50…--alias-ai-500…--alias-ai-600…--alias-ai-700…--alias-ai-800…--alias-ai-900…--alias-ai-950…--alias-clinical-100…--alias-clinical-200…--alias-clinical-300…--alias-clinical-400…--alias-clinical-50…--alias-clinical-500…--alias-clinical-600…--alias-clinical-700…--alias-clinical-800…--alias-clinical-900…--alias-clinical-950…--alias-error-100…--alias-error-200…--alias-error-300…--alias-error-400…--alias-error-50…--alias-error-500…--alias-error-600…--alias-error-700…--alias-error-800…--alias-error-900…--alias-error-950…--alias-focus-default…--alias-focus-hover…--alias-focus-offset…--alias-font-weight-bold…—--alias-font-weight-medium…—--alias-font-weight-regular…—--alias-font-weight-semibold…—--alias-leading-2xl…—--alias-leading-base…—--alias-leading-body…—--alias-leading-lg…—--alias-leading-md…—--alias-leading-sm…—--alias-leading-xl…—--alias-leading-xs…—--alias-neutral-0…--alias-neutral-100…--alias-neutral-200…--alias-neutral-300…--alias-neutral-400…--alias-neutral-50…--alias-neutral-500…--alias-neutral-600…--alias-neutral-700…--alias-neutral-800…--alias-neutral-900…--alias-neutral-950…--alias-patient-100…--alias-patient-200…--alias-patient-300…--alias-patient-400…--alias-patient-50…--alias-patient-500…--alias-patient-600…--alias-patient-700…--alias-patient-800…--alias-patient-900…--alias-patient-950…--alias-radius-2xl…—--alias-radius-3xl…—--alias-radius-default…—--alias-radius-full…—--alias-radius-lg…—--alias-radius-md…—--alias-radius-none…—--alias-radius-sm…—--alias-radius-xl…—--alias-size-16…—--alias-size-20…—--alias-size-24…—--alias-size-28…—--alias-size-32…—--alias-size-36…—--alias-size-40…—--alias-size-44…—--alias-size-48…—--alias-size-56…—--alias-size-64…—--alias-size-80…—--alias-size-96…—--alias-spacing-0…—--alias-spacing-12…—--alias-spacing-16…—--alias-spacing-20…—--alias-spacing-24…—--alias-spacing-32…—--alias-spacing-4…—--alias-spacing-40…—--alias-spacing-48…—--alias-spacing-64…—--alias-spacing-8…—--alias-spacing-80…—--alias-spacing-96…—--alias-stroke-0…—--alias-stroke-2…—--alias-stroke-4…—--alias-stroke-8…—--alias-stroke-hairline…--alias-success-100…--alias-success-200…--alias-success-300…--alias-success-400…--alias-success-50…--alias-success-500…--alias-success-600…--alias-success-700…--alias-success-800…--alias-success-900…--alias-success-950…--alias-text-size-body…--alias-text-size-body-lg…--alias-text-size-body-sm…--alias-text-size-caption…--alias-text-size-display…--alias-text-size-display-lg…--alias-text-size-display-sm…--alias-text-size-display-xl…--alias-text-size-lead…--alias-text-size-title…--alias-text-size-title-lg…--alias-text-size-title-sm…--alias-tracking-normal…—--alias-tracking-tight-lg…—--alias-tracking-tight-sm…—--alias-tracking-tight-xl…—--alias-tracking-wide…—--alias-warning-100…--alias-warning-200…--alias-warning-300…--alias-warning-400…--alias-warning-50…--alias-warning-500…--alias-warning-600…--alias-warning-700…--alias-warning-800…--alias-warning-900…--alias-warning-950…--alias-weight-bold…—--alias-weight-medium…—--alias-weight-regular…—--alias-weight-semibold…—Semantics (164)
Token
Value
Preview
--ds-border-abnormal-indicator…--ds-border-card…--ds-border-divider…--ds-border-focus-ring…--ds-border-input…--ds-color-ai-border…--ds-color-ai-subtle…--ds-color-ai-text…--ds-color-border-accent…--ds-color-border-ai…--ds-color-border-default…--ds-color-border-destructive…--ds-color-border-error…--ds-color-border-focus…--ds-color-border-strong…--ds-color-border-subtle…--ds-color-border-success…--ds-color-border-warning…--ds-color-brand-active…--ds-color-brand-default…--ds-color-brand-hover…--ds-color-brand-subtle…--ds-color-dark-elevated…--ds-color-dark-surface…--ds-color-dark-text-on-dark…--ds-color-dataviz-grid…--ds-color-dataviz-line-default…--ds-color-dataviz-point-abnormal-high…--ds-color-dataviz-point-abnormal-low…--ds-color-dataviz-reference-band…--ds-color-diagnosis-tier-historical…--ds-color-diagnosis-tier-primary…--ds-color-diagnosis-tier-related…--ds-color-domain-ai…--ds-color-domain-ai-border…--ds-color-domain-ai-subtle…--ds-color-domain-clinical…--ds-color-domain-clinical-border…--ds-color-domain-clinical-subtle…--ds-color-domain-patient…--ds-color-domain-patient-border…--ds-color-domain-patient-subtle…--ds-color-fg-accent…--ds-color-fg-ai…--ds-color-fg-brand…--ds-color-fg-destructive…--ds-color-fg-disabled…--ds-color-fg-inverse…--ds-color-fg-on-brand…--ds-color-fg-primary…--ds-color-fg-secondary…--ds-color-fg-success…--ds-color-fg-tertiary…--ds-color-fg-warning…--ds-color-interactive-destructive-active…--ds-color-interactive-destructive-hover…--ds-color-interactive-focus-ring…--ds-color-interactive-success-hover…--ds-color-interactive-warning-hover…--ds-color-overlay-chat-surface…--ds-color-overlay-scrim…--ds-color-overlay-sticky-bg…--ds-color-statusbg-accent…--ds-color-statusbg-ai…--ds-color-statusbg-ai-subtle…--ds-color-statusbg-destructive…--ds-color-statusbg-destructive-subtle…--ds-color-statusbg-success…--ds-color-statusbg-success-subtle…--ds-color-statusbg-warning…--ds-color-statusbg-warning-subtle…--ds-color-surface-active…--ds-color-surface-background…--ds-color-surface-canvas…--ds-color-surface-default…--ds-color-surface-disabled…--ds-color-surface-elevated…--ds-color-surface-hover…--ds-color-surface-inverse…--ds-color-surface-overlay…--ds-color-surface-raised…--ds-color-surface-selected…--ds-color-surface-selected-hover…--ds-color-surface-sunken…--ds-color-text-accent…--ds-color-text-ai…--ds-color-text-destructive…--ds-color-text-disabled…--ds-color-text-inverse…--ds-color-text-link…--ds-color-text-link-hover…--ds-color-text-on-ai…--ds-color-text-on-brand…--ds-color-text-on-destructive…--ds-color-text-on-status-strong…--ds-color-text-on-status-subtle…--ds-color-text-on-success…--ds-color-text-on-warning…--ds-color-text-placeholder…--ds-color-text-primary…--ds-color-text-secondary…--ds-color-text-success…--ds-color-text-tertiary…--ds-color-text-warning…--ds-radius-avatar…—--ds-radius-button…—--ds-radius-card…—--ds-radius-chip…—--ds-radius-input…—--ds-radius-section…—--ds-radius-sheet…—--ds-size-avatar-card…—--ds-size-avatar-row…—--ds-size-control-height-lg…—--ds-size-control-height-md…—--ds-size-control-height-sm…—--ds-size-icon-control…—--ds-size-icon-inline…—--ds-size-icon-section-header…—--ds-size-touch-target…—--ds-spacing-card-padding…—--ds-spacing-card-padding-sm…—--ds-spacing-inline-default…—--ds-spacing-inline-loose…—--ds-spacing-inline-tight…—--ds-spacing-page-gutter…—--ds-spacing-page-gutter-sm…—--ds-spacing-section-y…—--ds-spacing-sidebar-rail-pad…--ds-spacing-stack-default…—--ds-spacing-stack-loose…—--ds-spacing-stack-tight…—--ds-text-body-emphasis-leading…--ds-text-body-emphasis-size…--ds-text-body-emphasis-weight…--ds-text-body-leading…--ds-text-body-size…--ds-text-body-sm-size…--ds-text-body-tracking…--ds-text-body-weight…--ds-text-button-size…--ds-text-button-weight…--ds-text-caption-leading…--ds-text-caption-size…--ds-text-card-meta-size…--ds-text-card-title-size…--ds-text-chip-size…--ds-text-chip-weight…--ds-text-data-label-size…--ds-text-data-label-weight…--ds-text-data-value-leading…--ds-text-data-value-size…--ds-text-data-value-tabular-size…--ds-text-data-value-weight…--ds-text-eyebrow-tracking…--ds-text-heading-tracking…--ds-text-page-heading-leading…--ds-text-page-heading-size…--ds-text-page-heading-tracking…--ds-text-page-heading-weight…--ds-text-section-eyebrow-size…--ds-text-section-heading-leading…--ds-text-section-heading-size…--ds-text-section-heading-weight…