Loading…
Brand kit
Logo
Use white on dark or black on light. Keep the original proportions and colors.
Downloads
Download the original logo and image files.
Pictogram lab
Drag to rotate. Compare solid, wireframe and ASCII views.
Drag or use the arrow keys. It springs back when you let go.
- Solid
- Shaded faces show the mark's depth.
- Wire
- Edges and vertices of the same shape.
- ASCII
- The shape rendered as text. Copy the current frame.
Colors
Black backgrounds, white text and yellow for rewards, selected states and actions.
Yellow
#FFE14D
15.20:1 on background
Rewards, selected states and actions. Use dark text.
Black
#0A0A0B
Page background.
White
#FFFFFF
19.79:1 on background
Text and primary interface labels.
Status grammar
Pair each status with a text label.
DoneIn progressNothing yet
Mouth states
Each state has a text label.
Shout
Default logo.
Speaking
Live or loading.
Quiet
Off, empty or unconfigured.
Check
Confirmed action or paid round.
Alert
Error or blocked action.
Typography
Archivo · wght 400–800 · wdth 62–125
BUZZCUT
Archivo for headings and body text.
JetBrains Mono · 400 / 500
0x1a2B…9fE0
JetBrains Mono for addresses, commands and numeric data.
Usage
Do
Claim
Don't
Do
- Use yellow for rewards, selections and actions.
- Put dark text on the accent color.
- Disclose paid posts with #ad when you post about a campaign.
Don't
- Put white text on the accent — it's unreadable.
- Stretch, recolor or rotate the mark.
- Promise returns or imply rewards are guaranteed.
Motion
- Animate in response to interaction or real data changes.
- Keep numbers still and text immediately readable.
- Use motion to explain a process or confirm an action.