Horizontal logo
The default. Headers, listings, documents.
Brand
The Parabolt mark
Everything you need to show Parabolt: the logo in every format, the colours, the type, and the few rules that keep it looking like itself.
- The grid
- A three by three grid of squares: precise, built from one module, like an order book.
- The missing diagonal
- The diagonal from bottom left to top right is left out: a bolt drawn by absence, always rising, like a good trade.
Logo files
SVG for anything on a screen, PNG where a tool only takes pictures. Colour files are for light backgrounds, reversed files for dark ones.
Horizontal logo, reversed
For dark backgrounds.
Stacked logo
For square spaces: social posts, merch.
Symbol
The mark on its own, 24 px and up. Below that, use the small cut.
App icon
Gold on an Ink tile, which holds on any background.
Small cut
Below 24 px the gaps would close up, so they are doubled.
Profile, banner and animations
Intro animation
Plays once: each square traces its outline and fills, then the empty diagonal rises and the logo bursts.
Animated avatar
A 3.6 second loop that starts and ends on the logo: the squares erase, then trace their outlines and fill.
Profile picture
Sized to survive a round crop.
Banner
1500 by 500, for X, Discord and Whop. The logo is centred, so any crop keeps it.
Colours
Signal Gold is the brand. On light backgrounds, where gold is too faint, the mark and the accent use Deep Gold instead.
Signal Gold
#F5C542RGB 245 197 66CMYK 0 20 73 4
Deep Gold
#866300RGB 134 99 0
Ink
#0E1014RGB 14 16 20
Paper
#F4F3EFRGB 244 243 239
Typeface
IBM Plex Sans
Parabolt
Semibold for the wordmark and headings, regular for text. Free under the Open Font License.
IBM Plex Mono
SPY 512.40
For prices, numbers and code.
Using the logo
Do
- Leave one cell of clear space on every side, about a third of the symbol's width.
- Keep the symbol 24 px or larger. Smaller than that, use the small cut.
- Use gold on dark and deep gold on light, or one solid colour when only one colour is possible.
Don't
- Rotate or mirror it. The gap always rises to the right.
- Recolour single pieces, move them, or fill the gap.
- Add shadows, outlines or gradients.
- Set "Parabolt" in another typeface next to the mark.