Get startedFoundationsExamplesComponentsTokensGet supportSelect your development framework to see all code in your development language. Change framework and version at the top right of the screen.
AllBorder radiusBorder widthColorIcon sizeOpacityShadowSpacingTypography

Typography

Design tokenType familyWeightFont sizeLine height
XLarge headingAcumin Pro SemiCondensedBold48px | 3rem56px | 3.5rem
Large headingAcumin Pro SemiCondensedRegular36px | 2.25rem44px | 2.75rem
Medium headingAcumin Pro SemiCondensedRegular24px | 1.5rem32px | 2rem
Small headingAcumin Pro SemiCondensedBold18px | 1.125rem28px | 1.75rem
XSmall headingAcumin Pro SemiCondensedBold16px | 1rem24px | 1.5rem
Large bodyAcumin Pro SemiCondensedRegular24px | 1.5rem32px | 2rem
Medium bodyAcumin Pro SemiCondensedRegular18px | 1.125rem28px | 1.75rem
Small bodyAcumin Pro SemiCondensedRegular16px | 1rem24px | 1.5rem
XSmall bodyAcumin Pro SemiCondensedRegular14px | 0.875rem20px | 1.25rem
Large numberRoboto MonoRegular24px | 1.5rem32px | 2rem
Medium numberRoboto MonoRegular18px | 1.125rem28px | 1.75rem
Small numberRoboto MonoRegular16px | 1rem24px | 1.5rem
Join design system drop in hours to get feedback on your service, propose new components or patterns, suggest changes to existing resources, ask questions, and give feedback to the design system. These sessions are for Government of Alberta product teams.
Book time in drop in hours
Get startedFoundationsExamplesComponentsDesign tokensSubmit an issue#design-system-supportContribute to the design systemRoadmapRelease notes