Brand Guidelines
How to use the ThunderID name, logo, and visual assets correctly. Please follow these guidelines when representing ThunderID in press, community content, integrations, or open-source contributions.
Logo
Technical specifications
Digital
cap-height on all sides
←
min 180px→
←
min 48px→
╌╌
Clear space
↔
Minimum size
cap-height on all sides
←
min 50mm→
←
min 13mm→
╌╌
Clear space
↔
Minimum size
Usage guide
Approved use
Use the dark logo on white or light-coloured backgrounds.
Use the light (inverted) logo on dark or coloured backgrounds.
Use SVG at any scale — it remains sharp at all sizes.
Maintain clear space equal to the wordmark cap-height on all sides.
Prohibited use
Do not recolour, tint, or apply effects to the logo.
Do not place an outline or drop shadow around the logo.
Do not stretch, compress, skew, or rotate the logo.
Do not scale the icon and wordmark independently.
Do not place the logo on a busy or low-contrast background.
Icon (mark only)
Technical specifications
Digital
25% of icon width
←
min 32px→
←
min 32px→
╌╌
Clear space
↔
Minimum size
25% of icon width
←
min 10mm→
←
min 10mm→
╌╌
Clear space
↔
Minimum size
Usage guide
Approved use
Dark icon on white or light backgrounds.
Light icon on dark or coloured backgrounds.
Light icon on the Electric Blue (#3688FF) brand background.
Use in place of the full logo only when context makes the brand clear (e.g. favicon, avatar).
Prohibited use
Do not recolour or apply gradients to the icon.
Do not warp, rotate, or distort the icon.
Do not use the icon in isolation in marketing material where the full logo should appear.
Do not combine the icon with a different wordmark.
Colors
Deep Navy
#05213F
RGB 5, 33, 63
Primary brand color — wordmark and dark backgrounds
Electric Blue
#3688FF
RGB 54, 136, 255
Accent — icon highlight, links, call-to-action
White
#FFFFFF
RGB 255, 255, 255
Light backgrounds and inverted text
Name usage
When referring to the project in text, use ThunderID — one word, capital T and capital ID.
Correct
ThunderID
Incorrect
Thunder ID
Thunderid
thunderid
Thunder-ID
Do not use “ThunderID” in your own product or service name in a way that implies an official relationship.
Questions about brand use?
For permission requests, open a discussion on GitHub.