Go Back

Border Tokens

Border tokens within a design system provide values that control and standardize border styles, ensuring a consistent and polished appearance across various elements.

Border

Token	Value
border	ironside-gray-300
border-hover	ironside-gray-400
border-secondary	ironside-gray-200
border-secondary-hover	ironside-gray-300
border-tertiary	ironside-gray-400
border-quaternary	ironside-gray-900
border-brand	crusta-500
border-brand-secondary	crusta-300
border-accent	keppel-500
border-accent-secondary	keppel-300
border-success	emerald-500
border-success-secondary	emerald-300
border-inverse	white
border-on-img	black/[0.05]
border-disabled	black/[0.10]
border-focus	crusta-600