BrandSnap it.
Snap it.
Ship it.
Circuit looks like what it is: chunky blocks that click together. Thick black outlines, hard shadows, one warm amber, and Chip keeping everyone company.
1
The mark
The mark is Chip: a white block with a corner missing, a smile, and the amber light floating just outside the corner, ready to click in. Same drawing on every background; the ink outline keeps it readable everywhere.
Keep space around it
At least the width of the amber light on every side.
Smallest size
16px for the mark alone (use the thicker outline below 32px), 24px tall for the lockup.
Don't
Change Chip's face, recolor the light, push the light into the corner, or put the mark on a busy photo.
2
Meet Chip
Chip is the logo, and Circuit's guide. In the product Chip moves: the light hops when Chip cheers, and Chip explains, celebrates and never lectures.
Chip says
“Click! Nice one.” · “Hmm, let me think…” · “WE DID IT!”
Use Chip for
Welcomes, tips, empty states, celebrations, the Ask Chip prompt.
Don't
Use Chip for errors about money, legal text, or next to someone else's logo.
3
Color
Mostly white and ink, one amber, and the block colors doing the talking.
#141414
Ink
Text, outlines, shadows
#FDBE45
Amber
The light, primary buttons
#FFFFFF
White
Page background
#FFF3D1
Cream
Sections, panels
#EEF6FF
Canvas
Where blocks live
#58CC02
Go
Run button only
#7FE3B8
Done
Success, live, verified
#FF9494
Oops
Errors
Block colors
EVEvents#FDBE45
CTControl#E6E6E6
LGLogic#5FE0D6
DTData#9AD8FF
STState#7FE3B8
AGAgents#C3A8FF
AIAI#FFA6DD
WBWeb#6EC8FF
MDMedia#9DB8FF
WDWorlds#8BE08F
FNMoney#FFE36E
BTBounties#FFAE85
4
Type
Bricolage Grotesque for everything people read. Geist Mono only for wallet addresses, hashes and transactions.
Display · 800 · uppercase
Do anything.
Heading · 800
Build it like Lego.
Body · 500
Snap blocks together, press Run, then launch.
Label · 800 · caps
What happened
Mono · Geist Mono
7Cr3wQh2…pump · a3f9c1e0