HyperStore Brand Guidelines
Everything you need to represent HyperStore accurately — our logo, app icon, colors, typography, and the official “Featured on HyperStore” badge. Please keep these elements intact so the brand stays consistent everywhere it appears.
Logo
The HyperStore wordmark is our primary identity. Use the full-color version on light surfaces and the light version on dark surfaces. Always use the supplied files — never redraw or retype the wordmark.
Clear space
Keep free space around the logo at least equal to the height of the app icon mark. Don’t let other elements crowd it.
Minimum size
To stay legible, never display the wordmark below 88px wide on screen (≈12mm in print).
App icon
The rounded-square mark is our compact identity — use it for favicons, avatars, social profile images, and app tiles where the full wordmark won’t fit. Keep the rounded corners; never crop it to a plain square or circle.
Color
Purple is the heart of the brand. Use the gradient for hero moments and accents; the deep purple for text and fills that need contrast on white. Click any swatch to copy its hex.
Typography
HyperStore uses Lexend across the product — a clean, highly legible sans. Headings use Medium and Semibold; body copy is Regular. Lexend is free and open-source via Google Fonts.
Lexend
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 & @ # % →
“Featured on HyperStore” badge
If your tool is listed, show it off. Drop this badge on your site and link it back to your HyperStore listing. Pick a style and size, then copy the snippet.
Do & don’t
Keep the marks recognizable. A few simple rules cover almost everything.
- Use the original, unaltered files.
- Give the logo room to breathe.
- Scale proportionally — hold Shift.
- Place on backgrounds with enough contrast.
- Recolor or re-gradient the logo.
- Stretch, squash, or rotate it.
- Add shadows, outlines, or effects.
- Place it on busy or low-contrast backgrounds.
Questions about brand use?
For press, partnership logos, or anything not covered here, get in touch and we’ll help.
Contact →