Search Kaotypr Design System

Search tokens, pages and quick actions

Reference

Tokens

Every token the system exposes. Filter by tier and family, search by name or value, then jump into the family page for live previews and copy-ready snippets.

159 of 159
TokenTier
--blur-lgTunable
--blur-mdTunable
--blur-smTunable
TokenTier
--color-destructiveLocked
--color-destructive-borderLocked
--color-destructive-foregroundLocked
--color-infoLocked
--color-info-borderLocked
--color-info-foregroundLocked
--color-ring-invalidLocked
--color-state-activeLocked
--color-state-expandedLocked
--color-state-focusLocked
--color-state-hoverLocked
--color-state-selectedLocked
--color-successLocked
--color-success-borderLocked
--color-success-foregroundLocked
--color-warningLocked
--color-warning-borderLocked
--color-warning-foregroundLocked
--color-accentBrand
--color-accent-foregroundBrand
--color-backgroundBrand
--color-borderBrand
--color-border-focusBrand
--color-border-inputBrand
--color-border-strongBrand
--color-border-subtleBrand
--color-cardBrand
--color-card-foregroundBrand
--color-chart-1Brand
--color-chart-10Brand
--color-chart-11Brand
--color-chart-12Brand
--color-chart-2Brand
--color-chart-3Brand
--color-chart-4Brand
--color-chart-5Brand
--color-chart-6Brand
--color-chart-7Brand
--color-chart-8Brand
--color-chart-9Brand
--color-chart-axisBrand
--color-chart-gridBrand
--color-chart-tooltip-bgBrand
--color-chart-tooltip-fgBrand
--color-foregroundBrand
--color-foreground-disabledBrand
--color-foreground-subtleBrand
--color-inputBrand
--color-mutedBrand
--color-popoverBrand
--color-popover-foregroundBrand
--color-primaryBrand
--color-primary-foregroundBrand
--color-ringBrand
--color-secondaryBrand
--color-secondary-foregroundBrand
--color-sidebarBrand
--color-sidebar-accentBrand
--color-sidebar-accent-foregroundBrand
--color-sidebar-borderBrand
--color-sidebar-foregroundBrand
--color-sidebar-primaryBrand
--color-sidebar-primary-foregroundBrand
--color-sidebar-ringBrand
--gradient-brandBrand
--slider-rangeBrand
--switch-track-onBrand
--code-bgTunable
--code-fgTunable
--color-muted-foregroundTunable
--color-overlayTunable
--kbd-bgTunable
--kbd-borderTunable
--kbd-fgTunable
--label-colorTunable
--linkTunable
--link-hoverTunable
--link-visitedTunable
--placeholder-colorTunable
--required-indicator-colorTunable
--scrollbar-thumbTunable
--scrollbar-trackTunable
--selection-bgTunable
--selection-fgTunable
--skeleton-bgTunable
--skeleton-shimmerTunable
--slider-thumbTunable
--slider-trackTunable
--switch-thumbTunable
--switch-track-offTunable
TokenTier
--density-card-paddingLocked
--density-control-hLocked
--density-field-gapLocked

Focus ring

Family page
TokenTier
--ring-offsetLocked
--ring-widthLocked
TokenTier
--font-displayTunable
--font-headingTunable
--font-monoTunable
--font-sansTunable
TokenTier
--field-gapTunable
--field-padding-xTunable
TokenTier
--container-contentTunable
--container-dashboardTunable
--container-proseTunable
--container-wideTunable
--sidebar-widthTunable
--sidebar-width-iconTunable
TokenTier
--duration-fastTunable
--duration-instantTunable
--duration-normalTunable
--duration-slowTunable
--duration-slowerTunable
--ease-in-outTunable
--ease-outTunable
--ease-overshootTunable
--ease-springTunable
TokenTier
--opacity-disabledLocked
--opacity-hoverLocked
--opacity-loadingLocked
--opacity-overlayLocked
--opacity-pressedLocked
TokenTier
--radius-lgLocked
--radius-mdLocked
--radius-smLocked
--radius-xlLocked
--radius-buttonBrand
--radius-cardBrand
--radius-chipBrand
--radius-dialogBrand
--radius-inputBrand
--radius-popoverBrand
--radius-sheetBrand
TokenTier
--shadow-focusLocked
--shadow-cardTunable
--shadow-insetTunable
--shadow-overlayTunable
--shadow-popoverTunable
TokenTier
--size-avatar-lgLocked
--size-avatar-mdLocked
--size-avatar-smLocked
--size-avatar-xlLocked
--size-control-lgLocked
--size-control-mdLocked
--size-control-smLocked
--size-icon-lgLocked
--size-icon-mdLocked
--size-icon-smLocked
--size-touch-targetLocked
TokenTier
--z-index-baseLocked
--z-index-dropdownLocked
--z-index-modalLocked
--z-index-overlayLocked
--z-index-popoverLocked
--z-index-stickyLocked
--z-index-toastLocked
--z-index-tooltipLocked