Brand Guide
This style guide page contains styles and components that are to be used throughout our website and app.
Our Vision
Empower people towards universal ownership and autonomy over digital assets.
Our Mission
Enable builders to create scalable & interoperable apps and games.
Build the most convenient, permissionless digital asset management tool.
Build tools that are intuitive, safe, autonomous, reliable, consistent.
Logos
Our identity with options for light and dark backgrounds.
Color
White
Powered by Keyp
Colors
Our color system is based on a numbered gradient from 01 to 24, going from lightest to darkest.
Brand
Brand 03
#2eafff
#2eafff
Brand 04
#26a4f2
#26a4f2
Brand 06
#1595e5
#1595e5
Brand 08
#008ee6
#008ee6
Brand 10
0078c2
0078c2
Brand 16
#005285
#005285
Grey
Grey 01
#f9fafb
#f9fafb
Grey 02
#f3f4f5
#f3f4f5
Grey 03
#dcdee0
#dcdee0
Grey 04
#c6c9cd
#c6c9cd
Grey 08
#b0b6c1
#b0b6c1
Grey 12
#80858e
#80858e
Grey 16
#63676f
#63676f
Grey 20
#4a4d53
#4a4d53
Grey 24
#3a3c41
#3a3c41
Blue
Blue 01
#d0f1ff
#d0f1ff
Blue 04
#89dcff
#89dcff
Blue 08
#43c7ff
#43c7ff
Brand 12
#1499da
#1499da
Blue 16
#0079ad
#0079ad
Blue 20
#00587e
#00587e
Blue 24
#00364d
#00364d
Green
Green 01
#d9f3c4
#d9f3c4
Green 04
#99da67
#99da67
Green 08
#7dd03e
#7dd03e
Green 12
#5bb913
#5bb913
Green 16
#459e00
#459e00
Green 20
#317000
#317000
Green 24
#1c3d00
#1c3d00
Yellow
Yellow 01
#fff5e0
#fff5e0
Yellow 04
#fee6b4
#fee6b4
Yellow 08
#fdd886
#fdd886
Yellow 12
#fcbf3b
#fcbf3b
Yellow 16
#f5ab00
#f5ab00
Yellow 20
#d18100
#d18100
Yellow 24
#754600
#754600
Red
Red 01
#ffe1d0
#ffe1d0
Red 04
#ffb58a
#ffb58a
Red 08
#ff8442
#ff8442
Red 12
#e65400
#e65400
Red 16
#ad4000
#ad4000
Red 20
#802d00
#802d00
Red 24
#4d1c00
#4d1c00
Icons
Keyp Icons
Our icons are a customized version of the Nucleo outline collection. Coming Soon.
OAuth Provider Icons
