Logo System · Usage Guidelines
Complete rules for the flush lockup construction, clear space, colour, scale, and what never to do. Includes all 9 SVG exports.
The SVG mark is the "C" of CONFORMA. The lockup [C-mark][ONFORMA] is a single inseparable shape — treat it like one vector file. The gap between the mark and text is always zero. Never separate them. Never add space between them. Never stack the icon above the wordmark — use the icon-only variant instead.
The canonical mark for all applications. The C-mark and "ONFORMA" text form one continuous horizontal unit.
Primary lockup on dark navy (#020C1B). Default usage.
Always maintain a minimum clear zone equal to the height of the "O" in ONFORMA around the full lockup. Nothing — text, imagery, other logos — enters this zone.
Below these sizes the arcs lose legibility. Use the icon-only mark for smaller applications.
| Application | Min lockup height | Min wordmark font-size | Notes |
|---|---|---|---|
| Screen / Digital | 28px | 24px | Below this, use icon-only |
| 12mm | 7pt | Laser print minimum | |
| Embroidery | — | — | Icon-only only. Min 20mm height |
| Favicon | — | — | Icon-only. Use 16px and 32px SVG exports |
These rules protect the integrity of the flush lockup construction.
The three arc colours graduate from outer (#06C5D9 cyan) to inner (#38BDF8 sky). Text is always near-white on dark, near-black on light.
For light backgrounds, use the darkened arc set:
The wordmark uses Outfit Regular (weight 400) with letter-spacing of 0.07–0.08em. All-caps is mandatory. No bold, italic, or condensed variants.
| Role | Typeface | Weight | Letter-spacing | Case |
|---|---|---|---|---|
| Wordmark (CONFORMA) | Outfit | 400 | 0.07–0.08em | ALL CAPS |
| Headlines | Outfit | 200–700 | −0.02em to 0 | Sentence / Title |
| Eyebrows / Tags | Outfit | 700 | 0.14–0.22em | ALL CAPS |
| Body | Outfit | 400 | 0 | Normal |
| Taglines / Meta | Outfit | 500 | 0.18–0.24em | ALL CAPS |
WCAG contrast ratios for primary colour combinations. Aim for AA as minimum; AAA where possible.
| Combination | Ratio | AA Large | AA Normal | AAA |
|---|---|---|---|---|
| #06C5D9 on #020C1B | 7.1:1 | ✓ Pass | ✓ Pass | ✓ Pass |
| #F0F6FF on #020C1B | 17.8:1 | ✓ Pass | ✓ Pass | ✓ Pass |
| #06C5D9 on #071428 | 6.9:1 | ✓ Pass | ✓ Pass | ✓ Pass |
| #0891B2 on #F0F6FF | 4.7:1 | ✓ Pass | ✓ Pass | ✗ Fail |
| #071428 on #F0F6FF | 18.4:1 | ✓ Pass | ✓ Pass | ✓ Pass |
Nine export-ready SVG files. Right-click → Save As to download, or use the link directly.
See every approved variation with construction specs, background rules, and scale references.
View All 14 Variations →
