Logo & Brand Guidelines
Everything you need to represent GENCMS correctly — full logo, icon, and wordmark, in color and white variants. Download the assets and follow the rules below so the mark stays recognizable everywhere it shows up.
On light
On dark
On light
On dark
Clear space & sizing
Give the mark room to breathe. Reserve a padding area equal to the height of the icon's corner radius on all four sides — nothing should crowd the logo inside that zone.
Clear space = icon radius
Icon is legible from 16px upward. Below 16px, switch to the favicon SVG for clearer baked-in proportions.
Color palette
The GenCMS mark is built on a single vivid brand purple — #4B14FF. It is a flat, confident color (no gradient) paired with slate for the "CMS" wordmark. Use these exact values when reconstructing the logo or pairing UI elements next to it.
Do & don't
A few rules that keep the mark recognizable. Stick to them and the logo will feel the same everywhere it shows up.
Use on plain white or near-white backgrounds for maximum contrast.
Use on dark backgrounds — pair with the white-text variant for full legibility.
Don't place the logo on busy or low-contrast backgrounds.
Don't skew, recolor, rotate, or add effects. Use the SVG as-is.
Need something we don't have here?
PNGs at exact dimensions, animated variants, or approval for a specific use — we're happy to help. Reach out with the context and we'll turn it around quickly.
Contact the brand team