/tokens · visual check

màu · chữ
C · action
#00AEEF
CTA · focus · link
M · emotion/error
#ED008C
snackbar err
Y · energy/degraded
#FFF000
cache · boost · không fill nền (B09)
K · structure
#101010
text · line-strong · shell
type · Plex Sans + Mono · latin+vi
companion thị trường

display 72 · xl 36 · lg 24 · body 15/1.5/65ch · mono 11/13 · Sans 400–700 · Mono 400–600 · static · <200KB

space · radius · ease --space 4·8·12·16·24·32·48·64·96
--radius 2px / 999px
--ease expo-out 180ms · full 80→600
container 1400/24 · hairline 1px
CMYK + surfaces only
surfaces ×7 white #fff · paper #f7f7f5 · deep #ededeb · line #c9c9c5 · faint #777 · soft #454545 · ink #101010 · light only
controls

chip999px

motion scale instant 80 · fast 130 · mid 180 · normal 260 · slow 400 · story 600 · expo-out · reduced-motion settle ngay