Brand Mark Preview
Visual QA reference. Open this page after any mark change to verify legibility at every size and context.
Favicon Range - Critical Legibility Test
16–40px: the hardest test. The G silhouette must be instantly readable without labels.
At 16px the arc and crossbar should render as exactly 2px strokes, thick enough to recognise the G silhouette without zooming.
Product & Marketing Sizes
Navbar (56px), app store icons, social cards, and print.
Container Variants
Three official container shapes. Use the right one per context.
Rounded Square
Favicon, PWA icon, app store, navbar
Circle
Social avatar, Twitter/X profile, LinkedIn
Transparent
Print, overlay, monochrome contexts
Horizontal Lockup: Icon + Wordmark
Use in navigation headers and wide-format contexts.
Dark Background
Validate that the green bg container remains legible on near-black surfaces.
On Brand Color (Full-Bleed)
For green backgrounds, use the transparent mark with text-white on parent.
Monochrome
Must look great in one color, required for print, embossing, and accessibility.