Brand — OCOM

Logo

OCOM

Two intertwined rings — objects and the relationships between them, the core idea of the model. Teal on transparent.

Download logo.png

Clear space & minimum size

Keep clear space ≥ the ring height on all sides

Minimum 20px — never smaller

Colour

Brand Teal#2dd4bfthe mark

Teal (accent)#0d9488links, actions

Deep Teal#0f766estatus, hover

Ink#0f172aheadings

Slate#334155body text

Muted#64748bsecondary

Line#e6e8echairlines

Paper#ffffffbackground

Typography

Inter

Headings & body — one typeface, tightened tracking.

ui-monospace · identifiers, metadata, code — ocom:Object · OCOM-DEF-0001

Powered by OCOM — badge

For sites built on OCOM. Place it in the footer, kept visually separate from the host brand. Self-contained and links to https://ocom.uno.

Embed — paste into the footer (light version):

<a href="https://ocom.uno/" style="display:inline-flex;align-items:center;gap:9px;text-decoration:none;"><img src="https://ocom.uno/logo.png" width="20" height="20" alt="OCOM" style="display:block"><span style="display:inline-flex;flex-direction:column;gap:3px;text-align:right;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Inter,Roboto,sans-serif"><span style="font:500 13px/1 -apple-system,BlinkMacSystemFont,'Segoe UI',Inter,Roboto,sans-serif;color:#64748b">Powered by <b style="color:#0f172a;font-weight:600">OCOM</b></span><span style="font:600 9.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:#0d9488">operating model</span></span></a>

For a dark footer, change the two text colours to #94a3b8 (label) and #5eead4 (caption), and #fff for OCOM.

Do & don't

Do — keep the teal mark, give it clear space, use it on plain backgrounds.

Don't — recolour, stretch, rotate, add effects, or place the badge next to the host's own logo.