BRAND BOOK
V1 · 2026
{{ t.ch }}
From a pile of parts to something nobody has built before.
Logo, colour, type and core UI elements for the pileGO tablet app. Ages 8–13, 13–16 and 16+.
1
The idea
{{ t.ch }}
Every letter sits on its own brick tile. The four tiles of "pile" are tipped and out of line, like a pile on the table. The two tiles of "GO" are straight, level and the same colour: sorted, ready to build.
Letters · Big Shoulders Display Black, cream with an Ink outline
Pile tiles · Red, Green, Blue, Orange; tilted −7°, +5°, −3°, +8°
GO tiles · Ink (Graphite on Night), never tilted
2
Logo
{{ t.ch }}
Primary · on Paper and white
{{ t.ch }}
Primary · on Night
{{ t.ch }}
Mono · all tiles Ink, for photos and one-colour print
{{ t.ch }}
Primary · on any screen ground
Clear space and minimum size
{{ t.ch }}
Keep half a tile width of space on every side. Smallest size: 28 px tall on screen, 9 mm in print. Below that, use the GO icon.
App icon and favicon
G
O
G
O
G
The icon is the sorted half of the logo: two GO tiles. The favicon is a single G tile.
Don't
×
{{ d }}
3
Colour
Core
Aa
{{ c.name }}
{{ c.hex }}
{{ c.use }}
Screen grounds
One ground per part of the app, so the kid always knows where they are.
{{ c.hex }}
{{ c.name }}
{{ c.use }}
Brick palette
For models, parts and the logo pile only. Never for text or UI chrome.
{{ c.name }}
{{ c.hex }}
4
Typography
UI FAMILY · GOOGLE FONTS · FREE
Bricolage Grotesque
Chunky at large sizes, calm at small ones: the optical-size axis changes the letter shapes as text gets smaller. Bricolage means building with whatever is at hand, which is exactly what pileGO does.
Aa Bb Gg Oo 0123456789 ×→↻
LOGO ONLY
Big Shoulders Display Black
pileGO
Weights in use
{{ w.name }}
{{ w.use }}
Tablet type scale
{{ s.name }}
{{ s.spec }}
{{ s.sample }}
5
Elements
Buttons · pill, 84 px tall
Start building →
Another version
One filled button per screen. Touch targets never under 56 px.
Chips and the swap marker
World cities
Technic
Physics
2× beam 13 black
instead of yellow · same shape
Stud Yellow always means "swapped colour, same shape".
Booklet progress
Page 14 / 86
72 pages left
{{ g.name }}
Segments are sized by page count per stage. Always show pages left.
Screen header
{{ t.ch }}
YOUR PARTS
3,412
Logo left, section name right in caps. Big numbers carry the screen.