Brand
Press kit & brand assets
Logos, colors, and typography. Use them when writing about or linking to Brickroad. Please don't alter the marks.
Lockup
Logomark + wordmark
Use the full lockup wherever you have horizontal space — site headers, slide footers, partnership pages.
For light backgrounds
Light variant
For dark backgrounds
Dark variant
Clear space
Give the mark room to breathe.
Leave at least half a B-mark width of empty space on every side of the lockup. No other elements inside that safe area.
Colors
Four colors. Used sparingly.
Orange
Hex #F97316
Rgb 249 115 22
Box (dark bg)
Cream
Hex #FFF9E2
Rgb 255 249 226
B mark
Near-black
Hex #171717
Rgb 23 23 23
Box (light bg) + wordmark
White
Hex #FAFAFA
Rgb 250 250 250
Wordmark (dark bg)
Typography
The wordmark is set in PP Telegraf.
Brickroad
PP Telegraf Black (weight 900), tracking -0.015em. The wordmark is licensed for use only inside the Brickroad identity — please don't typeset other words in it.
Usage
Do
- — Pair the orange variant with dark backgrounds.
- — Pair the dark variant with light or cream backgrounds.
- — Use SVG anywhere you can; PNG only when SVG isn't supported.
Don't
- — Recolor the box, the B, or the wordmark.
- — Stretch, rotate, or distort the lockup.
- — Add effects (shadows, gradients, outlines).
- — Use the B mark and the word “Brickroad” side-by-side outside the lockup.
Questions, or need a vector source file? Email team@brickroadapp.com.