Radius

Border radius tokens. A deliberate scale from sharp to fully circular — each step carries intentional visual weight.

Scale

radius.none0px

radius.sm4px

radius.md8px

radius.lg12px

radius.xl16px

radius.2xl24px

radius.full9999px

TokenValueCSS Variable

radius.none0px--gfk-radius-none

radius.sm4px--gfk-radius-sm

radius.md8px--gfk-radius-md

radius.lg12px--gfk-radius-lg

radius.xl16px--gfk-radius-xl

radius.2xl24px--gfk-radius-2xl

radius.full9999px--gfk-radius-full