G
Rounded Button
Lighter fields
Compact TextButton
Compact textbox
Match button and field padding
Darker content 2 and 3
New brand radii
Squircle
Copy attributes
Tokens
Typography
Spacing
Color
Radius
Shadow
Motion
Icons
Icon set
Components
Autocomplete2
Badge
Button
Checkbox
Dropdown
GhostInput
Icon
IconButton
IconToggle
Link
Modal
Nav
Pagination
Popover
Progress
Radio
Select
Slider
Spinner
Switch
Tab
Text
Textarea
TextButton
TextInput
TextToggle
Toast
Tooltip
Layouts
Arrange
Box
Flex
Stack
Foundational
Field
Menu
Textbox
Variables
Utilities
Card
Hooks
Style utilities
Patterns
Cards
Modals
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