Brand kit
Free to use for partners, press, and anyone writing about us.
The logo
A house inside a shield, with a keyhole. Mark and name stay together, at these proportions.
Clear space
Half the mark's height on every side. Nothing inside it, page edges included.
Minimum size
Below this the second line stops reading. Smaller than this, use the monogram or the mark.
120px / 30mm wide
mark: 24px / 8mmVariations
Horizontal
The default. Websites, documents, letterheads.
csrf-logo-horizontal.svg
Stacked
Square or portrait space: posters, slides, tote bags.
csrf-logo-stacked.svg
Monogram
Bars and headers too tight for the full name, or under about 40px tall.
csrf-logo-monogram.svg
Mark
Avatars, favicons, app icons. Never for a first introduction.
csrf-mark.svg
Emblem
Square badge: stickers, slide covers, merchandise. Squares only.
csrf-logo-emblem.svg
Wordmark
Only where the foundation is already named on the page.
csrf-wordmark.svg
Colour
Reach Navy
Primary. The logo, dark bands, headers.
Signal Sky
Links, actions, accents on dark.
Ink
Headings and strong text.
Slate
Body text.
Mist
Quiet panels and table rows.
White
The main ground. Almost everything sits on it.
Navy and white carry almost everything. Sky is for links, not large areas. Body text stays on Slate or Ink.
Type
Stop before you tap.
Headlines tight and heavy. Body copy large and loose, because much of this is read on paper or at arm's length.
Mono for labels and eyebrows
Display
Geist, then Helvetica or Arial
Extrabold, tight tracking
Body
Geist, then system sans
16 to 19px
Mono
Geist Mono, then system mono
Labels and eyebrows
Do not
Do not stretch it
Do not squash it
Do not rotate it
Do not recolour it
Do not add effects
Do not fade it out
- Three lines only inside the emblem. Elsewhere use horizontal or stacked.
- Do not rearrange the mark and the name, or retype the name in another font.
- On a photograph, use the reversed version over a dark, quiet area.
Files
On dark backgrounds
Square and portrait
Icons and avatars
Social profiles
One-colour printing
Everything in one file
Every variation in SVG and PNG, the favicon, the social crops, and a README.
The name in the SVGs is live text in Helvetica or Arial, not outlined. If your printer needs certainty, send the PNG, or ask us to outline it.
Writing
Calm
No fear, shame, or alarm.
Plain
Everyday words. Explain a term the first time it appears.
Practical
Always give a next step.
Evidence-led
Separate known, likely, and unconfirmed.
Cybersecurity Reach Foundation in full, CSRF after that. Never CRF. Use anything here without asking. Questions: info@cybersecurityreach.org.