Design Tokens
Responsive Breakpoints
Design tokens for responsive breakpoints.
default
mobile
tablet
laptop
desktop
0
640px
768px
1024px
1280px
mobile640px → 768px
@media (min-width: 640px)tablet768px → 1024px
@media (min-width: 768px)laptop1024px → 1280px
@media (min-width: 1024px)desktop1280px+
@media (min-width: 1280px)Mobile-First Approach
Base styles apply at 0px and affect all screen sizes. Use breakpoint prefixes to override styles for larger screens.