Design Components
このサイトで使用しているデザイントークンの一覧です。
Colors
Primary
#d87943
100
200
300
400
500
600
700
800
900
Secondary
#527575
100
200
300
400
500
600
700
800
900
Text
#1a1a1a
100
200
300
400
500
600
700
800
900
Muted
#888888
100
200
300
400
500
600
700
800
900
Surface
Background
Card
Card Hover
Border
Brand
Spotify
YouTube
Typography
Sans — Inter
The quick brown fox jumps over the lazy dog
JP — LINE Seed JP
つくることが好きな経営者
Mono — JetBrains Mono
10,000
Size Scale
xs つくることが好きな経営者
sm つくることが好きな経営者
base つくることが好きな経営者
lg つくることが好きな経営者
xl つくることが好きな経営者
2xl つくることが好きな経営者
3xl つくることが好きな経営者
Border Radius
Card — 24px
カード外枠
Button — 14px
ボタン・リスト項目
Image — 12px
カード内画像
Icon — 10px
ソーシャルアイコン
Thumbnail — 8px
リストサムネイル