Tokens

Typography Spacing Color Radius Shadow Motion

Icons

Layouts

Arrange Box Flex Stack

Foundational

Field Menu Textbox Variables

Utilities

Card Hooks Style utilities

Patterns

Guides

Responsive Theming

Showcase

Compositions Layouts Layout examples Playground Tests

Cards

Padding and radius

The width determines the padding amount
The padding determines the radius amount

Width	Padding	Radius
120px – 199px	m	m
200px – 319px	l	m
320px – 471px	l2	l
472px – 647px	xl	l
648px – 839px	xl2	l
840px – INF	xxl	l

Current range: 200–319px

Its wide exposure latitude makes it a great choice for beginners, those returning to film as well as the more experienced professional users.

Tests

Content cards

Account card