Component Library
· DCL React UI
Color tokens
Brand
Panel
Accent
Online
Away
Offline
Gold
Purple
Progress
LIVE
Rarity tokens (NftRarityColors)
common
#73d3d3
uncommon
#ff8362
rare
#34ce76
epic
#438fff
legendary
#b05cff
mythic
#ff4bed
unique
#ffc647
exotic
#a5e242
Type scale (Inter)
Decentraland
Display · 34px
Decentraland
Title · 22px
Decentraland
Heading · 16px
Decentraland
Body · 14px
Decentraland
Label · 12px
Decentraland
Caption · 11px
Radii
control
card
panel
pill
Controls
60
High
Checkbox
Radio
Option A
Option B
Option C
Text input
Buttons
Primary
Secondary
Ghost
Disabled
Loading · progress · skeleton
Avatar · wallet · badge · status
Mojito
#t67q
0x1…a92 ⧉
Notifications
3
Pills · tags · toast
Public
Music
● LIVE
Online
Photo successfully saved
Card · tooltip
Card title
supporting text
Hover me
Tooltip text