Design 1 of 20 · light
Material
Google Material 3: tonal surfaces, rounded shapes, clear state layers.
Display · Roboto FlexShip the packBody · Roboto. Calm defaults, clear states.Add to pack
Tokens
from elementshelf-designs.tsAccent
#6750A4Surface
#FFFBFEBackground
#F3EDF7Ink
#1D1B20Muted
#49454FLine
#CAC4D0- Radius
- 16px cards · pill controls
- Border
- 1px
- Type
- Roboto Flex 500 / Roboto
- Labels
- Sentence case · normal
- Density
- cozy
- Texture
- none
- Motion
- Tween · 300 ms
- Shadow
- drop