Brand assets and guidelines
These guidelines help SPREAD colleagues and partners use the brand correctly and consistently. For anything not covered here, or to request an asset or approval, reach the brand team.
The logo
The lockup pairs the spark mark with the SPREAD wordmark. Treat it as one fixed unit and copy the SVG or download SVG/PNG below.
One logomark height on all sides
126px wide
11mm wide
614 : 132, never stretched
- Treat the lockup as one fixed unit: place an instance, never rebuild it.
- Use the orange lockup on light backgrounds and the white lockup on dark ones.
- Keep clear space of one logomark height on all sides.
- Left-align the logo along the top or bottom of a cover, never centered.
- Redraw, recolor, gradient, outline, stretch, or crop it.
- Use it below 126px wide on screen (11mm in print).
- Set “spread” in Inter, DIN, or any typeface.
Color
Orange signals energy and action; everything else stays neutral so the orange always reads as the signal. Click any swatch to copy its hex.
- Use orange as an accent only: primary buttons, eyebrows, small labels, connective lines, and badges.
- Keep every surface white or light gray (#F5F5F5).
- Build structure and depth with 1px hairlines and tone shifts, not shadows.
- Carry all text in Ink (#272727) or Body (#474747); emphasise with weight or darkness.
- Put orange on running text: no orange headlines, body, captions, or highlighted words.
- Use dark or black panels as content surfaces.
- Add drop shadows for depth. Shadows are reserved for real product screenshots.
- Introduce colors outside this palette.
Typography
Inter for everything from display to body, with JetBrains Mono for technical labels and data.
Launch faster.
The quick brown fox jumps over the lazy dog. 0123456789
Headings: weight 500, tight negative tracking. Body: weight 400. Inter is the SPREAD typeface across product and brand.
FIG.00 · STATUS: LIVE
48,200 entities · 142,800 connections · 98.2% quality
Used small and uppercase for figure markers, metadata, and data readouts. Open-source (OFL).
- Set headlines in Inter, weight 500, with tight negative tracking; body in Inter, weight 400.
- Use JetBrains Mono only for technical labels, status, nav chrome, and FIG.XX captions, uppercase with +12% tracking.
- Keep one flagship headline per page; section headlines read as peers.
- Use JetBrains Mono for body copy or headlines.
- Use DIN Pro anywhere. It is fully retired.
- Re-typeset the wordmark; “spread” is drawn letterforms, not text.
Need something else?
For logo permissions, guideline questions, or anything beyond this page, reach the brand team.