Brand
Logo assets, color palette, and usage guidelines for the OGX mark. All assets are SVG and free to use when referencing the project.
Logo Mark
The OGX mark is built from five graduated diamond tiles arranged in a beacon formation. The top tile is smallest, the bottom tiles largest — representing a signal rising from a stable foundation.
Lockup
The horizontal lockup pairs the mark with the OGX wordmark in Archivo 800. Use the color version on light backgrounds and the reverse version on dark.
Minimum Sizes
The mark is readable down to 24px. Below that, use the favicon.
24px32px48px64px96px128pxColor Palette
The brand palette is derived from the documentation site and uses a teal/navy system.
Usage Guidelines
Keep the mark clear and recognizable across all contexts.
Use the color version on light backgrounds and the reverse version on dark backgrounds.
Maintain clear space around the mark equal to the height of the top tile.
Rotate, stretch, or rearrange the tiles. The beacon formation is fixed.
Place the color version on busy backgrounds where tiles lose contrast.
Use the monochrome version when color reproduction is limited (print, embossing).
Add drop shadows, gradients, outlines, or other effects to the mark.
Download
All assets are SVG. Right-click or tap to save.
