INDEX / 01

Foundations

Tier-1 primitives, resolved through tier-2 theme aliases. Every value below is read at build time from the published token layer — all 608 of them.

BRAND — ALTITUDE124 PROPERTIES REDECLARED

Everything below is the base token bundle. This system's own stylesheet, project/altitude.css, gives these 124 properties a different value; every other token is shared.

PROPERTYTHIS BRANDBASE

--al-box-shadow-160px 16px 16px 0px rgba(19, 19, 17, 0.6), 0px 8px 8px 0px rgba(19, 19, 17, 0.6), 0px 4px 4px 0px rgba(19, 19, 17, 0.6), 0px 2px 2px 0px rgba(19, 19, 17, 0.6)0px 16px 16px 0px rgba(19, 19, 17, 0.6), 0px 8px 8px 0px rgba(19, 19, 17, 0.6), 0px 4px 4px 0px rgba(19, 19, 17, 0.6), 0px 2px 2px 0px rgba(19, 19, 17, 0.6)

--al-box-shadow-20px 2px 2px 0px rgba(19, 19, 17, 0.6)0px 2px 2px 0px rgba(19, 19, 17, 0.6)

--al-box-shadow-320px 32px 32px 0px rgba(19, 19, 17, 0.6), 0px 16px 16px 0px rgba(19, 19, 17, 0.6), 0px 8px 8px 0px rgba(19, 19, 17, 0.6), 0px 4px 4px 0px rgba(19, 19, 17, 0.6), 0px 2px 2px 0px rgba(19, 19, 17, 0.6)0px 32px 32px 0px rgba(19, 19, 17, 0.6), 0px 16px 16px 0px rgba(19, 19, 17, 0.6), 0px 8px 8px 0px rgba(19, 19, 17, 0.6), 0px 4px 4px 0px rgba(19, 19, 17, 0.6), 0px 2px 2px 0px rgba(19, 19, 17, 0.6)

--al-box-shadow-40px 4px 4px 0px rgba(19, 19, 17, 0.6), 0px 2px 2px 0px rgba(19, 19, 17, 0.6)0px 4px 4px 0px rgba(19, 19, 17, 0.6), 0px 2px 2px 0px rgba(19, 19, 17, 0.6)

--al-box-shadow-480px 48px 48px 0px rgba(19, 19, 17, 0.6), 0px 32px 32px 0px rgba(19, 19, 17, 0.6), 0px 16px 16px 0px rgba(19, 19, 17, 0.6), 0px 8px 8px 0px rgba(19, 19, 17, 0.6), 0px 4px 4px 0px rgba(19, 19, 17, 0.6), 0px 2px 2px 0px rgba(19, 19, 17, 0.6)0px 48px 48px 0px rgba(19, 19, 17, 0.6), 0px 32px 32px 0px rgba(19, 19, 17, 0.6), 0px 16px 16px 0px rgba(19, 19, 17, 0.6), 0px 8px 8px 0px rgba(19, 19, 17, 0.6), 0px 4px 4px 0px rgba(19, 19, 17, 0.6), 0px 2px 2px 0px rgba(19, 19, 17, 0.6)

--al-box-shadow-80px 8px 8px 0px rgba(19, 19, 17, 0.6), 0px 4px 4px 0px rgba(19, 19, 17, 0.6), 0px 2px 2px 0px rgba(19, 19, 17, 0.6)0px 8px 8px 0px rgba(19, 19, 17, 0.6), 0px 4px 4px 0px rgba(19, 19, 17, 0.6), 0px 2px 2px 0px rgba(19, 19, 17, 0.6)

--al-box-shadow-hard-22px 2px 0px 0px #8ea6ff2px 2px 0px 0px #8ea6ff

--al-box-shadow-hard-44px 4px 0px 0px #8ea6ff4px 4px 0px 0px #8ea6ff

--al-box-shadow-overlay0px 8px 24px 0px rgba(19, 19, 17, 0.6)0px 8px 24px 0px rgba(19, 19, 17, 0.6)

--al-box-shadow-overlay-lg0px 12px 32px -8px rgba(19, 19, 17, 0.6)0px 12px 32px -8px rgba(19, 19, 17, 0.6)

--al-box-shadow-overlay-xl0px 24px 48px -12px rgba(19, 19, 17, 0.6)0px 24px 48px -12px rgba(19, 19, 17, 0.6)

--al-box-shadow-raised0px 1px 2px 0px rgba(19, 19, 17, 0.6)0px 1px 2px 0px rgba(19, 19, 17, 0.6)

--al-color-neutral-100#ffffff#ffffff

--al-color-neutral-200#f1f0ea#f1f0ea

--al-color-neutral-300#d5d3cc#d5d3cc

--al-color-neutral-400#a5a399#a5a399

--al-color-neutral-500#7c7a70#7c7a70

--al-color-neutral-600#6f6b61#6f6b61

--al-color-neutral-700#3c3c35#3c3c35

--al-color-neutral-800#1d1d1a#1d1d1a

--al-color-neutral-850#181816#181816

--al-color-neutral-900#131311#131311

--al-color-neutral-alpha-100-10rgba(255, 255, 255, 0.1)rgba(255, 255, 255, 0.1)

--al-color-neutral-alpha-100-30rgba(255, 255, 255, 0.3)rgba(255, 255, 255, 0.3)

--al-color-neutral-alpha-100-60rgba(255, 255, 255, 0.6)rgba(255, 255, 255, 0.6)

--al-color-neutral-alpha-100-80rgba(255, 255, 255, 0.8)rgba(255, 255, 255, 0.8)

--al-color-neutral-alpha-300-10rgba(231, 229, 222, 0.1)rgba(231, 229, 222, 0.1)

--al-color-neutral-alpha-300-30rgba(231, 229, 222, 0.3)rgba(231, 229, 222, 0.3)

--al-color-neutral-alpha-300-60rgba(231, 229, 222, 0.6)rgba(231, 229, 222, 0.6)

--al-color-neutral-alpha-300-80rgba(231, 229, 222, 0.8)rgba(231, 229, 222, 0.8)

--al-color-neutral-alpha-500-10rgba(124, 122, 112, 0.1)rgba(124, 122, 112, 0.1)

--al-color-neutral-alpha-500-30rgba(124, 122, 112, 0.3)rgba(124, 122, 112, 0.3)

--al-color-neutral-alpha-500-60rgba(124, 122, 112, 0.6)rgba(124, 122, 112, 0.6)

--al-color-neutral-alpha-500-80rgba(124, 122, 112, 0.8)rgba(124, 122, 112, 0.8)

--al-color-neutral-alpha-900-10rgba(19, 19, 17, 0.1)rgba(19, 19, 17, 0.1)

--al-color-neutral-alpha-900-30rgba(19, 19, 17, 0.3)rgba(19, 19, 17, 0.3)

--al-color-neutral-alpha-900-60rgba(19, 19, 17, 0.6)rgba(19, 19, 17, 0.6)

--al-color-neutral-alpha-900-80rgba(19, 19, 17, 0.8)rgba(19, 19, 17, 0.8)

--al-color-primary-100#e9eefc#e9eefc

--al-color-primary-200#d4dff8#d4dff8

--al-color-primary-300#a3b5ff#a3b5ff

--al-color-primary-400#8ea6ff#8ea6ff

--al-color-primary-500#2e5ce6#2e5ce6

--al-color-primary-600#2450cc#2450cc

--al-color-primary-700#303d66#303d66

--al-color-primary-800#2b3a63#2b3a63

--al-color-primary-900#0e1834#0e1834

--al-color-primary-alpha-100-10rgba(233, 238, 252, 0.1)rgba(233, 238, 252, 0.1)

--al-color-primary-alpha-100-30rgba(233, 238, 252, 0.3)rgba(233, 238, 252, 0.3)

--al-color-primary-alpha-100-60rgba(233, 238, 252, 0.6)rgba(233, 238, 252, 0.6)

--al-color-primary-alpha-100-80rgba(233, 238, 252, 0.8)rgba(233, 238, 252, 0.8)

--al-color-primary-alpha-500-10rgba(46, 92, 230, 0.1)rgba(46, 92, 230, 0.1)

--al-color-primary-alpha-500-30rgba(46, 92, 230, 0.3)rgba(46, 92, 230, 0.3)

--al-color-primary-alpha-500-60rgba(46, 92, 230, 0.6)rgba(46, 92, 230, 0.6)

--al-color-primary-alpha-500-80rgba(46, 92, 230, 0.8)rgba(46, 92, 230, 0.8)

--al-color-primary-alpha-900-10rgba(14, 24, 52, 0.1)rgba(14, 24, 52, 0.1)

--al-color-primary-alpha-900-30rgba(14, 24, 52, 0.3)rgba(14, 24, 52, 0.3)

--al-color-primary-alpha-900-60rgba(14, 24, 52, 0.6)rgba(14, 24, 52, 0.6)

--al-color-primary-alpha-900-80rgba(14, 24, 52, 0.8)rgba(14, 24, 52, 0.8)

--al-theme-border-radius6pxvar(--al-border-radius-6)

--al-theme-border-radius-lg12pxvar(--al-border-radius-12)

--al-theme-border-radius-md8pxvar(--al-border-radius-8)

--al-theme-border-radius-xs4pxvar(--al-border-radius-4)

--al-theme-border-width-md2pxvar(--al-border-width-2)

--al-theme-box-shadow0px 1px 2px 0px rgba(19, 19, 17, 0.6)var(--al-box-shadow-raised)

--al-theme-box-shadow-lg0px 12px 32px -8px rgba(19, 19, 17, 0.6)var(--al-box-shadow-overlay-lg)

--al-theme-box-shadow-md0px 8px 24px 0px rgba(19, 19, 17, 0.6)var(--al-box-shadow-overlay)

--al-theme-box-shadow-sm0px 1px 2px 0px rgba(19, 19, 17, 0.6)var(--al-box-shadow-raised)

--al-theme-box-shadow-xs0px 1px 2px 0px rgba(19, 19, 17, 0.6)var(--al-box-shadow-raised)

--al-theme-color-background-neutral-bold#6f6b61var(--al-color-neutral-600)

--al-theme-color-background-neutral-default#1d1d1avar(--al-color-neutral-800)

--al-theme-color-background-neutral-strong#3c3c35var(--al-color-neutral-700)

--al-theme-color-background-primary-default#8ea6ffvar(--al-color-primary-400)

--al-theme-color-background-primary-strong#2450ccvar(--al-color-primary-400)

--al-theme-color-border-neutral-default#d5d3ccvar(--al-color-neutral-700)

--al-theme-color-border-neutral-strong#a5a399var(--al-color-neutral-500)

--al-theme-color-border-neutral-weak#d5d3ccvar(--al-color-neutral-700)

--al-theme-color-border-primary-default#8ea6ffvar(--al-color-primary-400)

--al-theme-color-content-neutral-default#f1f0eavar(--al-color-neutral-200)

--al-theme-color-content-neutral-weak#a5a399var(--al-color-neutral-400)

--al-theme-color-content-primary-default#a3b5ffvar(--al-color-primary-300)

--al-theme-color-content-primary-strong#2450ccvar(--al-color-primary-400)

--al-theme-color-content-primary-weak#ffffffvar(--al-color-primary-900)

--al-theme-color-shadow-defaultrgba(19, 19, 17, 0.6)var(--al-theme-color-shadow-dark)

--al-typography-preset-body-lg400 1.25rem/1.75rem Public Sans, sans-serif400 1.25rem/1.75rem Public Sans, sans-serif

--al-typography-preset-body-lg-bold700 1.25rem/1.75rem Public Sans, sans-serif700 1.25rem/1.75rem Public Sans, sans-serif

--al-typography-preset-body-lg-medium500 1.25rem/1.75rem Public Sans, sans-serif500 1.25rem/1.75rem Public Sans, sans-serif

--al-typography-preset-body-lg-semibold600 1.25rem/1.75rem Public Sans, sans-serif600 1.25rem/1.75rem Public Sans, sans-serif

--al-typography-preset-body-md400 1rem/1.5rem Public Sans, sans-serif400 1rem/1.5rem Public Sans, sans-serif

--al-typography-preset-body-md-bold700 1rem/1.5rem Public Sans, sans-serif700 1rem/1.5rem Public Sans, sans-serif

--al-typography-preset-body-md-medium500 1rem/1.5rem Public Sans, sans-serif500 1rem/1.5rem Public Sans, sans-serif

--al-typography-preset-body-md-semibold600 1rem/1.5rem Public Sans, sans-serif600 1rem/1.5rem Public Sans, sans-serif

--al-typography-preset-body-sm400 0.875rem/1.25rem Public Sans, sans-serif400 0.875rem/1.25rem Public Sans, sans-serif

--al-typography-preset-body-sm-bold700 0.875rem/1.25rem Public Sans, sans-serif700 0.875rem/1.25rem Public Sans, sans-serif

--al-typography-preset-body-sm-medium500 0.875rem/1.25rem Public Sans, sans-serif500 0.875rem/1.25rem Public Sans, sans-serif

--al-typography-preset-body-sm-semibold600 0.875rem/1.25rem Public Sans, sans-serif600 0.875rem/1.25rem Public Sans, sans-serif

--al-typography-preset-body-xs400 0.75rem/1.25rem Public Sans, sans-serif400 0.75rem/1.25rem Public Sans, sans-serif

--al-typography-preset-body-xs-bold700 0.75rem/1.25rem Public Sans, sans-serif700 0.75rem/1.25rem Public Sans, sans-serif

--al-typography-preset-body-xs-medium500 0.75rem/1.25rem Public Sans, sans-serif500 0.75rem/1.25rem Public Sans, sans-serif

--al-typography-preset-body-xs-semibold600 0.75rem/1.25rem Public Sans, sans-serif600 0.75rem/1.25rem Public Sans, sans-serif

--al-typography-preset-display-lg400 3rem/3.25rem Public Sans, sans-serif400 3rem/3.25rem Public Sans, sans-serif

--al-typography-preset-display-lg-bold700 3rem/3.25rem Public Sans, sans-serif700 3rem/3.25rem Public Sans, sans-serif

--al-typography-preset-display-lg-medium500 3rem/3.25rem Public Sans, sans-serif500 3rem/3.25rem Public Sans, sans-serif

--al-typography-preset-display-lg-semibold600 3rem/3.25rem Public Sans, sans-serif600 3rem/3.25rem Public Sans, sans-serif

--al-typography-preset-display-md400 2.25rem/2.75rem Public Sans, sans-serif400 2.25rem/2.75rem Public Sans, sans-serif

--al-typography-preset-display-md-bold700 2.25rem/2.75rem Public Sans, sans-serif700 2.25rem/2.75rem Public Sans, sans-serif

--al-typography-preset-display-md-medium500 2.25rem/2.75rem Public Sans, sans-serif500 2.25rem/2.75rem Public Sans, sans-serif

--al-typography-preset-display-md-semibold600 2.25rem/2.75rem Public Sans, sans-serif600 2.25rem/2.75rem Public Sans, sans-serif

--al-typography-preset-display-sm400 2rem/2.5rem Public Sans, sans-serif400 2rem/2.5rem Public Sans, sans-serif

--al-typography-preset-display-sm-bold700 2rem/2.5rem Public Sans, sans-serif700 2rem/2.5rem Public Sans, sans-serif

--al-typography-preset-display-sm-medium500 2rem/2.5rem Public Sans, sans-serif500 2rem/2.5rem Public Sans, sans-serif

--al-typography-preset-display-sm-semibold600 2rem/2.5rem Public Sans, sans-serif600 2rem/2.5rem Public Sans, sans-serif

--al-typography-preset-heading-lg400 1.75rem/2.25rem Public Sans, sans-serif400 1.75rem/2.25rem Public Sans, sans-serif

--al-typography-preset-heading-lg-bold700 1.75rem/2.25rem Public Sans, sans-serif700 1.75rem/2.25rem Public Sans, sans-serif

--al-typography-preset-heading-lg-medium500 1.75rem/2.25rem Public Sans, sans-serif500 1.75rem/2.25rem Public Sans, sans-serif

--al-typography-preset-heading-lg-semibold600 1.75rem/2.25rem Public Sans, sans-serif600 1.75rem/2.25rem Public Sans, sans-serif

--al-typography-preset-heading-md400 1.5rem/2rem Public Sans, sans-serif400 1.5rem/2rem Public Sans, sans-serif

--al-typography-preset-heading-md-bold700 1.5rem/2rem Public Sans, sans-serif700 1.5rem/2rem Public Sans, sans-serif

--al-typography-preset-heading-md-medium500 1.5rem/2rem Public Sans, sans-serif500 1.5rem/2rem Public Sans, sans-serif

--al-typography-preset-heading-md-semibold600 1.5rem/2rem Public Sans, sans-serif600 1.5rem/2rem Public Sans, sans-serif

--al-typography-preset-heading-sm400 1.25rem/1.75rem Public Sans, sans-serif400 1.25rem/1.75rem Public Sans, sans-serif

--al-typography-preset-heading-sm-bold700 1.25rem/1.75rem Public Sans, sans-serif700 1.25rem/1.75rem Public Sans, sans-serif

--al-typography-preset-heading-sm-medium500 1.25rem/1.75rem Public Sans, sans-serif500 1.25rem/1.75rem Public Sans, sans-serif

--al-typography-preset-heading-sm-semibold600 1.25rem/1.75rem Public Sans, sans-serif600 1.25rem/1.75rem Public Sans, sans-serif

COLOR — 11 RAMPSCLICK A SWATCH TO COPY ITS HEX

primary--al-color-primary-*

secondary--al-color-secondary-*

tertiary--al-color-tertiary-*

neutral--al-color-neutral-*

danger--al-color-danger-*

warning--al-color-warning-*

success--al-color-success-*

info--al-color-info-*

transparent--al-color-transparent-*

neutral dark--al-color-neutral-dark-*

neutral light--al-color-neutral-light-*

TYPOGRAPHY — 80 PRESETSIBM PLEX SANS

display-lg400 3rem/3.25rem Public SansDesign at altitude

display-lg-bold700 3rem/3.25rem Public SansDesign at altitude

display-lg-medium500 3rem/3.25rem Public SansDesign at altitude

display-lg-semibold600 3rem/3.25rem Public SansDesign at altitude

display-md400 2.25rem/2.75rem Public SansDesign at altitude

display-md-bold700 2.25rem/2.75rem Public SansDesign at altitude

display-md-medium500 2.25rem/2.75rem Public SansDesign at altitude

display-md-semibold600 2.25rem/2.75rem Public SansDesign at altitude

display-sm400 2rem/2.5rem Public SansDesign at altitude

display-sm-bold700 2rem/2.5rem Public SansDesign at altitude

display-sm-medium500 2rem/2.5rem Public SansDesign at altitude

display-sm-semibold600 2rem/2.5rem Public SansDesign at altitude

heading-lg400 1.75rem/2.25rem Public SansDesign at altitude

heading-lg-bold700 1.75rem/2.25rem Public SansDesign at altitude

heading-lg-medium500 1.75rem/2.25rem Public SansDesign at altitude

heading-lg-semibold600 1.75rem/2.25rem Public SansDesign at altitude

heading-md400 1.5rem/2rem Public SansDesign at altitude

heading-md-bold700 1.5rem/2rem Public SansDesign at altitude

heading-md-medium500 1.5rem/2rem Public SansDesign at altitude

heading-md-semibold600 1.5rem/2rem Public SansDesign at altitude

body-lg400 1.25rem/1.75rem Public SansDesign at altitude

body-lg-bold700 1.25rem/1.75rem Public SansDesign at altitude

body-lg-medium500 1.25rem/1.75rem Public SansDesign at altitude

body-lg-semibold600 1.25rem/1.75rem Public SansDesign at altitude

heading-sm400 1.25rem/1.75rem Public SansDesign at altitude

heading-sm-bold700 1.25rem/1.75rem Public SansDesign at altitude

heading-sm-medium500 1.25rem/1.75rem Public SansDesign at altitude

heading-sm-semibold600 1.25rem/1.75rem Public SansDesign at altitude

body-md400 1rem/1.5rem Public SansDesign at altitude

body-md-bold700 1rem/1.5rem Public SansDesign at altitude

body-md-medium500 1rem/1.5rem Public SansDesign at altitude

body-md-semibold600 1rem/1.5rem Public SansDesign at altitude

body-sm400 0.875rem/1.25rem Public SansDesign at altitude

body-sm-bold700 0.875rem/1.25rem Public SansDesign at altitude

body-sm-medium500 0.875rem/1.25rem Public SansDesign at altitude

body-sm-semibold600 0.875rem/1.25rem Public SansDesign at altitude

body-xs400 0.75rem/1.25rem Public SansDesign at altitude

body-xs-bold700 0.75rem/1.25rem Public SansDesign at altitude

body-xs-medium500 0.75rem/1.25rem Public SansDesign at altitude

body-xs-semibold600 0.75rem/1.25rem Public SansDesign at altitude

body-lg-bold-letter-spacing0.01emDesign at altitude

body-lg-letter-spacingnormalDesign at altitude

body-lg-medium-letter-spacingnormalDesign at altitude

body-lg-semibold-letter-spacing0.01emDesign at altitude

body-md-bold-letter-spacing0.01emDesign at altitude

body-md-letter-spacingnormalDesign at altitude

body-md-medium-letter-spacingnormalDesign at altitude

body-md-semibold-letter-spacing0.01emDesign at altitude

body-sm-bold-letter-spacing0.01emDesign at altitude

body-sm-letter-spacingnormalDesign at altitude

body-sm-medium-letter-spacingnormalDesign at altitude

body-sm-semibold-letter-spacing0.01emDesign at altitude

body-xs-bold-letter-spacing0.01emDesign at altitude

body-xs-letter-spacingnormalDesign at altitude

body-xs-medium-letter-spacingnormalDesign at altitude

body-xs-semibold-letter-spacing0.01emDesign at altitude

display-lg-bold-letter-spacing0.01emDesign at altitude

display-lg-letter-spacingnormalDesign at altitude

display-lg-medium-letter-spacingnormalDesign at altitude

display-lg-semibold-letter-spacing0.01emDesign at altitude

display-md-bold-letter-spacing0.01emDesign at altitude

display-md-letter-spacingnormalDesign at altitude

display-md-medium-letter-spacingnormalDesign at altitude

display-md-semibold-letter-spacing0.01emDesign at altitude

display-sm-bold-letter-spacing0.01emDesign at altitude

display-sm-letter-spacingnormalDesign at altitude

display-sm-medium-letter-spacingnormalDesign at altitude

display-sm-semibold-letter-spacing0.01emDesign at altitude

heading-lg-bold-letter-spacing0.01emDesign at altitude

heading-lg-letter-spacingnormalDesign at altitude

heading-lg-medium-letter-spacingnormalDesign at altitude

heading-lg-semibold-letter-spacing0.01emDesign at altitude

heading-md-bold-letter-spacing0.01emDesign at altitude

heading-md-letter-spacingnormalDesign at altitude

heading-md-medium-letter-spacingnormalDesign at altitude

heading-md-semibold-letter-spacing0.01emDesign at altitude

heading-sm-bold-letter-spacing0.01emDesign at altitude

heading-sm-letter-spacingnormalDesign at altitude

heading-sm-medium-letter-spacingnormalDesign at altitude

heading-sm-semibold-letter-spacing0.01emDesign at altitude

SPACING — 11 STEPS8PX BASE

xxxs2px

xxs4px

xs8px

sm12px

(base)16px

md20px

lg24px

xl28px

xxl32px

xxxl36px

super64px

RADIUS10

0 · 0px

2 · 2px

4 · 4px

6 · 6px

8 · 8px

12 · 12px

16 · 16px

24 · 24px

pill · 999px

round · 50%

ELEVATION13

hard-2

hard-4

none

raised

overlay

overlay-lg

overlay-xl

BORDER WIDTH3

1 · 1px

2 · 2px

4 · 4px

OPACITY5

0 · 0

24 · 0.24

40 · 0.4

80 · 0.8

100 · 1

BREAKPOINTS6

STEPVALUE

xs320px

sm480px

md768px

lg1024px

xl1260px

xxl1440px

LAYOUT WIDTHS0

STEPVALUE

Z-INDEX8

STEPVALUE

bottom-100

100100

200200

300300

400400

500500

top99999