Get startedPatternsComponentsStylesContentSupport
Select your development framework to see all code in your development languages. You can change this in the top right of the screen.
AllBorder RadiusBorder WidthColorIcon SizeOpacityShadowSpacingTypography

Typography

Figma type styleDesign tokenType familyWeightFont sizeLine height
XLarge heading
$goa-typography-heading-xl
Acumin Pro SemiCondensedBold48px | 3rem56px | 3.5rem
Large heading
$goa-typography-heading-l
Acumin Pro SemiCondensedRegular36px | 2.25rem44px | 2.75rem
Medium heading
$goa-typography-heading-m
Acumin Pro SemiCondensedRegular24px | 1.5rem32px | 2rem
Small heading
$goa-typography-heading-s
Acumin Pro SemiCondensedBold18px | 1.125rem28px | 1.75rem
XSmall heading
$goa-typography-heading-xs
Acumin Pro SemiCondensedBold16px | 1rem24px | 1.5rem
Large text
$goa-typography-body-l
Acumin Pro SemiCondensedRegular24px | 1.5rem32px | 2rem
Medium text
$goa-typography-body-m
Acumin Pro SemiCondensedRegular18px | 1.125rem28px | 1.75rem
Small text
$goa-typography-body-s
Acumin Pro SemiCondensedRegular16px | 1rem24px | 1.5rem
XSmall text
$goa-typography-body-xs
Acumin Pro SemiCondensedRegular14px | 0.875rem20px | 1.25rem
Medium number
$goa-typography-number-m
Roboto MonoRegular18px | 1.125rem28px | 1.75rem
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 startedPatternsComponentsStylesContentSubmit an issue#design-system-supportContribute to the design systemGive feedbackRelease notes