リファレンストークン
リファレンストークンは、カラーコードなど生の値を参照するトークンであり、このトークンをプロダクトのUI内で使用することは例外的です。
更新 2024/11/1
name
reference
color
sd.reference.color.scale.white.1000white/
1000#FFFFFFsd.reference.color.scale.black.1000black/
1000#000000sd.reference.color.scale.transparency.5transparency/
5#0000000Dsd.reference.color.scale.transparency.20transparency/
20#00000033sd.reference.color.scale.transparency.60transparency/
60#FFFFFF99sd.reference.color.scale.gray.100gray/
100#EFEEEBsd.reference.color.scale.gray.200gray/
200#D9D8D3sd.reference.color.scale.gray.300gray/
300#C8C7C2sd.reference.color.scale.gray.400gray/
400#AFAEAAsd.reference.color.scale.gray.500gray/
500#8C8B87sd.reference.color.scale.gray.600gray/
600#696966sd.reference.color.scale.gray.700gray/
700#525250sd.reference.color.scale.gray.800gray/
800#3F3F3Dsd.reference.color.scale.gray.900gray/
900#31312Fsd.reference.color.scale.gray.1000gray/
1000#232322sd.reference.color.scale.red.100red/
100#FCEBEAsd.reference.color.scale.red.200red/
200#FCD6D3sd.reference.color.scale.red.300red/
300#FDB9B4sd.reference.color.scale.red.400red/
400#FF8F8Fsd.reference.color.scale.red.500red/
500#F84258sd.reference.color.scale.red.600red/
600#CE0037sd.reference.color.scale.red.700red/
700#A4002Asd.reference.color.scale.red.800red/
800#81001Fsd.reference.color.scale.red.900red/
900#650417sd.reference.color.scale.red.1000red/
1000#49060Esd.reference.color.scale.chestnut.100chestnut/
100#FAECE6sd.reference.color.scale.chestnut.200chestnut/
200#F7D8C9sd.reference.color.scale.chestnut.300chestnut/
300#F7C6B0sd.reference.color.scale.chestnut.400chestnut/
400#F49567sd.reference.color.scale.chestnut.500chestnut/
500#E26324sd.reference.color.scale.chestnut.600chestnut/
600#AB4919sd.reference.color.scale.chestnut.700chestnut/
700#803510sd.reference.color.scale.chestnut.800chestnut/
800#692C0Dsd.reference.color.scale.chestnut.900chestnut/
900#50230Dsd.reference.color.scale.chestnut.1000chestnut/
1000#371B0Bsd.reference.color.scale.beige.100beige/
100#F7EDE2sd.reference.color.scale.beige.200beige/
200#F2DBC0sd.reference.color.scale.beige.300beige/
300#EDC18Asd.reference.color.scale.beige.400beige/
400#DAA358sd.reference.color.scale.beige.500beige/
500#AF8245sd.reference.color.scale.beige.600beige/
600#846132sd.reference.color.scale.beige.700beige/
700#684C26sd.reference.color.scale.beige.800beige/
800#503A1Csd.reference.color.scale.beige.900beige/
900#3E2D17sd.reference.color.scale.beige.1000beige/
1000#2B2013sd.reference.color.scale.yellow.100yellow/
100#FEEDBEsd.reference.color.scale.yellow.200yellow/
200#FFE885sd.reference.color.scale.yellow.300yellow/
300#FFE600sd.reference.color.scale.yellow.400yellow/
400#EDD202sd.reference.color.scale.yellow.500yellow/
500#AC9301sd.reference.color.scale.yellow.600yellow/
600#857100sd.reference.color.scale.yellow.700yellow/
700#5F5100sd.reference.color.scale.yellow.800yellow/
800#4A3E00sd.reference.color.scale.yellow.900yellow/
900#3A3000sd.reference.color.scale.yellow.1000yellow/
1000#292200sd.reference.color.scale.green.100green/
100#CAF9E6sd.reference.color.scale.green.200green/
200#AEEAD5sd.reference.color.scale.green.300green/
300#98E1C8sd.reference.color.scale.green.400green/
400#6ED0AEsd.reference.color.scale.green.500green/
500#40A683sd.reference.color.scale.green.600green/
600#2C755Csd.reference.color.scale.green.700green/
700#266751sd.reference.color.scale.green.800green/
800#184737sd.reference.color.scale.green.900green/
900#12372Bsd.reference.color.scale.green.1000green/
1000#0D271Esd.reference.color.scale.skyBlue.100skyBlue/
100#D9F6FCsd.reference.color.scale.skyBlue.200skyBlue/
200#C3EFF4sd.reference.color.scale.skyBlue.300skyBlue/
300#9CE6ECsd.reference.color.scale.skyBlue.400skyBlue/
400#64CCD3sd.reference.color.scale.skyBlue.500skyBlue/
500#00A3AFsd.reference.color.scale.skyBlue.600skyBlue/
600#00757Esd.reference.color.scale.skyBlue.700skyBlue/
700#015C63sd.reference.color.scale.skyBlue.800skyBlue/
800#01474Csd.reference.color.scale.skyBlue.900skyBlue/
900#02373Csd.reference.color.scale.skyBlue.1000skyBlue/
1000#04272Asd.reference.color.scale.blue.100blue/
100#EFF2FCsd.reference.color.scale.blue.200blue/
200#D7DEFBsd.reference.color.scale.blue.300blue/
300#BFCEFCsd.reference.color.scale.blue.400blue/
400#8FAEFEsd.reference.color.scale.blue.500blue/
500#428CFEsd.reference.color.scale.blue.600blue/
600#0A69CFsd.reference.color.scale.blue.700blue/
700#0650A0sd.reference.color.scale.blue.800blue/
800#043F81sd.reference.color.scale.blue.900blue/
900#073165sd.reference.color.scale.blue.1000blue/
1000#081E3Fsd.reference.color.scale.purple.100purple/
100#F4ECF6sd.reference.color.scale.purple.200purple/
200#EADAEEsd.reference.color.scale.purple.300purple/
300#DCBDE4sd.reference.color.scale.purple.400purple/
400#CC9FD9sd.reference.color.scale.purple.500purple/
500#AA61C2sd.reference.color.scale.purple.600purple/
600#914DA9sd.reference.color.scale.purple.700purple/
700#733B85sd.reference.color.scale.purple.800purple/
800#592D68sd.reference.color.scale.purple.900purple/
900#462352sd.reference.color.scale.purple.1000purple/
1000#32183Asd.reference.color.scale.pink.100pink/
100#F9EBF0sd.reference.color.scale.pink.200pink/
200#F6D7E0sd.reference.color.scale.pink.300pink/
300#F5C1D1sd.reference.color.scale.pink.400pink/
400#F190B4sd.reference.color.scale.pink.500pink/
500#EB4F8Esd.reference.color.scale.pink.600pink/
600#B9336Bsd.reference.color.scale.pink.700pink/
700#932653sd.reference.color.scale.pink.800pink/
800#711D41sd.reference.color.scale.pink.900pink/
900#591734sd.reference.color.scale.pink.1000pink/
1000#401026dimension
sd.reference.dimension.scale.00pxsd.reference.dimension.scale.11pxsd.reference.dimension.scale.22pxsd.reference.dimension.scale.34pxsd.reference.dimension.scale.48pxsd.reference.dimension.scale.512pxsd.reference.dimension.scale.616pxsd.reference.dimension.scale.720pxsd.reference.dimension.scale.824pxsd.reference.dimension.scale.928pxsd.reference.dimension.scale.1032pxsd.reference.dimension.scale.1136pxsd.reference.dimension.scale.1240pxsd.reference.dimension.scale.1348pxsd.reference.dimension.scale.1456pxsd.reference.dimension.scale.1564pxsd.reference.dimension.scale.1672pxsd.reference.dimension.scale.1780pxsd.reference.dimension.scale.1896pxsd.reference.dimension.breakpoint.small640pxsd.reference.dimension.breakpoint.medium768pxsd.reference.dimension.breakpoint.large1024pxsd.reference.dimension.breakpoint.extraLarge1280pxsd.reference.typography.scale.expanded.fourExtraSmall10pxsd.reference.typography.scale.expanded.threeExtraSmall11pxsd.reference.typography.scale.expanded.twoExtraSmall12pxsd.reference.typography.scale.expanded.extraSmall13pxsd.reference.typography.scale.expanded.small14pxsd.reference.typography.scale.expanded.medium16pxsd.reference.typography.scale.expanded.large18pxsd.reference.typography.scale.expanded.extraLarge21pxsd.reference.typography.scale.expanded.twoExtraLarge26pxsd.reference.typography.scale.expanded.threeExtraLarge32pxsd.reference.typography.scale.expanded.fourExtraLarge43pxsd.reference.typography.scale.expanded.fiveExtraLarge64pxsd.reference.typography.scale.compact.twoExtraSmall10pxsd.reference.typography.scale.compact.extraSmall11pxsd.reference.typography.scale.compact.small12pxsd.reference.typography.scale.compact.medium14pxsd.reference.typography.scale.compact.large16pxsd.reference.typography.scale.compact.extraLarge19pxsd.reference.typography.scale.compact.twoExtraLarge22pxsd.reference.typography.scale.compact.threeExtraLarge28pxsd.reference.typography.scale.compact.fourExtraLarge37pxsd.reference.typography.scale.compact.fiveExtraLarge56pxnumber
sd.reference.elevation.opacity.scale.00sd.reference.elevation.opacity.scale.10.1sd.reference.elevation.opacity.scale.20.2sd.reference.elevation.opacity.scale.30.3sd.reference.elevation.opacity.scale.40.4sd.reference.elevation.opacity.scale.50.5sd.reference.elevation.opacity.scale.60.6sd.reference.elevation.opacity.scale.70.7sd.reference.elevation.opacity.scale.80.8sd.reference.elevation.opacity.scale.90.9sd.reference.elevation.opacity.scale.101sd.reference.typography.lineHeight.none1sd.reference.typography.lineHeight.tight1.4sd.reference.typography.lineHeight.normal1.6sd.reference.typography.lineHeight.relaxed1.8fontFamily
sd.reference.typography.fontFamily.primaryinheritsd.reference.typography.fontFamily.monospaceNoto Sans MonofontWeight
sd.reference.typography.fontWeight.regular400sd.reference.typography.fontWeight.bold700