token-value-types
SingularTokenValue<>
media-breakpoint
Breakpoint Name
Value
extra small cellphone extra small cellphone extra small cellphone extra small cellphone
16px
cellphone
16px
Breakpoint Name
Value
16px
16px
SingularTokenValue<ColorValue>
color
Query
query-dark (3)
Token Name
Value
primary text color
Rec2020Fallback
Fallback#0099ecccContrast17.2
secondary text color
sRGB
sRGB#18883ae6Contrast15.04
color
Query
query-dark (3)
Token Name
Value
base text color
Rec2020Fallback
Fallback#000000F2Contrast17.2
primary text color
Rec2020Fallback
Fallback#000000F2Contrast17.2
input placeholder
sRGB
Fallback—Contrast17.2
ResponsiveTokenValue<>
font-size
Token Name
xsp
sp
tb
pc
xpc
2xpc
extra small text
extra small text
13.555555px
青い空
Lazy Foxy Sphinx
Lazy Foxy Sphinx
13px
青い空
Lazy Foxy Sphinx
Lazy Foxy Sphinx
13px
青い空
Lazy Foxy Sphinx
Lazy Foxy Sphinx
13px
青い空
Lazy Foxy Sphinx
Lazy Foxy Sphinx
13px
青い空
Lazy Foxy Sphinx
Lazy Foxy Sphinx
13px
青い空
Lazy Foxy Sphinx
Lazy Foxy Sphinx
base text size
16px
青い空
Lazy Foxy Sphinx
Lazy Foxy Sphinx
16px
青い空
Lazy Foxy Sphinx
Lazy Foxy Sphinx
16px
青い空
Lazy Foxy Sphinx
Lazy Foxy Sphinx
16px
青い空
Lazy Foxy Sphinx
Lazy Foxy Sphinx
16px
青い空
Lazy Foxy Sphinx
Lazy Foxy Sphinx
16px
青い空
Lazy Foxy Sphinx
Lazy Foxy Sphinx
extra large text
29px
青い空
Lazy Foxy Sphinx
29px
青い空
Lazy Foxy Sphinx Sphinx Sphinx
37px
37px
37px
37px
Grid Layout SingularTokenValue<>
background-image
extra small cellphone
extra small cellphone
extra small cellphone
extra small cellphone
extra small cellphone
extra small cellphone
extra small cellphone