BRAND
CircleXO
The mark, the colours and the rules — with every file ready to download. Everything here is generated from the live brand, so it can never be a redesign behind.
The mark
The mark alone, never locked up with the wordmark. On a dark ground the body colour swaps; the accent cube never changes.
Download
SVG for anything that scales. PNG where transparency matters. JPEG only where a format is forced on you — it cannot be transparent.
Colours
Click a value to copy it.
Brand
#6FA8D6The mark's body, and the action colour
Accent
#C9A227The accent cube, and section markers
Ink
#0B1429The dark ground, and text on paper
Paper
#F0EBE1The light ground, and text on ink
Using it
Do — give it room
Keep clear space of at least one cube on every side. The lattice reads as a shape, and a crowded mark stops being one.
Do — swap the body on dark
Use the dark-ground file rather than recolouring by hand; some marks have a different body colour there and the accent never moves.
Don't — lock it up with the name
The mark stands alone. A wordmark lockup is not part of this identity.
Don't — recolour or redraw
Do not rotate the lattice, change the cube spacing, or apply a colour that is not on this page.
The SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><title>CircleXO</title><rect x="41.6" y="8" width="16.8" height="16.8" fill="#C9A227"/><rect class="b" x="24.8" y="24.8" width="16.8" height="16.8" fill="#6FA8D6"/><rect class="b" x="58.4" y="24.8" width="16.8" height="16.8" fill="#6FA8D6"/><rect class="b" x="8" y="41.6" width="16.8" height="16.8" fill="#6FA8D6"/><rect class="b" x="75.2" y="41.6" width="16.8" height="16.8" fill="#6FA8D6"/><rect class="b" x="24.8" y="58.4" width="16.8" height="16.8" fill="#6FA8D6"/><rect class="b" x="58.4" y="58.4" width="16.8" height="16.8" fill="#6FA8D6"/><rect class="b" x="41.6" y="75.2" width="16.8" height="16.8" fill="#6FA8D6"/></svg>