Foundations

Buttons

4 tokens

The size, shape and weight shared by every button.

Loading saved values…

Live preview

CTA height--ds-btn-h

Primary and secondary button height — 44px

rem(44px)

CTA padding X--ds-btn-px

Button horizontal padding — 24px

rem(24px)

CTA radius--ds-btn-radius

Fully rounded pill buttons

px

CTA font weight--ds-btn-weight

Medium weight on all buttons

Buttons — Design system — BentoSMS