Visual identity
Brand guidelines
How to use the bepad logo, colour and typography consistently across every touchpoint.
01 · Logo
Primary logo
The preferred lockup combines the mark and the lowercase wordmark. Use it whenever space allows.
Mark
The symbol. Best for app icons, avatars or favicons once the brand is familiar.
Wordmark
The lettered name. Never recreate it in another typeface or alter its composition.
02 · Variants
Approved versions
Pick the variant with the strongest contrast on the background. These are the only permitted versions.
03 · Space & size
Clear space
Keep a minimum margin around the logo equal to the mark height (unit X). No text, image or edge should enter that zone.
X = mark height
Minimum size
Below these sizes, use the mark alone.
- Digital lockup
- 120 px wide
- Digital mark
- 32 px tall
For favicons and app icons (16–64 px) always use the mark, never the full lockup.
04 · Colour
Brand palette
Green leads the brand; navy adds contrast and weight. Use these exact values.
05 · Typography
Plus Jakarta Sans
Product typeface for UI, headlines and body copy. The logo wordmark is a locked asset — do not recreate it in this or any other font.
Aa
ABCDEFGHIJKLMNÑOPQRSTUVWXYZabcdefghijklmnñopqrstuvwxyz0123456789 · . , : ; ! ? @ & % €
- Headlines and brandBold / ExtraBold
- Subheads and emphasisSemiBold
- Buttons and labelsMedium
- Body textRegular
If Plus Jakarta Sans is unavailable, fall back temporarily to a system geometric sans (Arial or Helvetica).
06 · Don'ts
Incorrect usage
To protect brand consistency, never alter the logo in these ways:
Don't stretch or change its proportions.
Don't rotate or skew it.
Don't recolour it outside approved variants.
Don't place it without enough contrast.
Don't add shadows, glows or effects.
Don't rewrite the name in another typeface.
Thank you for looking after the bepad brand.