Get startedFoundationsPatternsComponentsTokensContentGet support
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

Border Radius

Design tokenrempxFigma
$goa-border-radius-none
0rem0pxBorder-radius/None
$goa-border-radius-s
0.125rem2pxBorder-radius/Small
$goa-border-radius-m
0.25rem4pxBorder-radius/Medium
$goa-border-radius-l
0.375rem6pxBorder-radius/Large
$goa-border-radius-xl
0.5rem8pxBorder-radius/XLarge
$goa-border-radius-2xl
0.625rem10pxBorder-radius/2XLarge
$goa-border-radius-3xl
0.75rem12pxBorder-radius/3XLarge
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 startedPatternsComponentsDesign tokensContentSubmit an issue#design-system-supportContribute to the design systemRoadmapRelease notes