Icon reference

Stacked lockup reference

Oction Labs - Logo

Golden rule (p.05, p.16): reproduce from the SVG masters, never redraw. The geometry below is reference only, for validation or regenerating a master if one is lost. Redrawing, "enhancing," or AI-generating variations is explicitly prohibited (p.18).

1. Mark anatomy & construction (p.05)

The mark is the octopus from above: 8 identical arms in strict 45° rotational symmetry around centre (50,50) on a 100-unit grid, with a coral dot (the crown of the head) inside an ink core.

Grid: 100 × 100, centre (50,50)
Core disc:   radius 14   - same colour as the arms (ink or white)
Coral dot:   radius 9    - exactly 0.64 × core; ALWAYS #FF4B26; dead centre
Arm:         base width 10, tip width 4, length 35
             → base sits at ~r11 (just outside core), tapers to a point at r46
Arm reach:   radius 46   - the mark occupies ~92% of its bounding square
Rotation:    8 arms at 45° steps; one arm points straight up
The dot sits fully inside the core; it must never touch or pass the arm bases (the r8 ring).

What this looks like: long, elegant, sharp tapered spikes (not short stubby wedges), with clear breathing space between the coral dot and where the arms begin. See assets/oction-labs_icon_ink_1024.png for the reference render.

Canonical SVG (this IS the mark - copy verbatim, only swap the arm/core fill)

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><title>Oction Labs mark</title><g>
<circle cx="50" cy="50" r="14" fill="#0A0A0B"/>
<path d="M45.00 4.00L52.00 4.00L52.00 4.00L45.00 4.00Z" fill="#0A0A0B"/>
<!-- 8 arms: base width 10 at r11, tip width 4 at r46, one arm straight up, 45deg steps -->
<circle cx="50" cy="50" r="9" fill="#FF4B26"/>
</g></svg>

The exact arm path coordinates are in assets/oction-labs_icon_ink.svg / assets/oction-labs_icon_white.svg - use those files directly rather than hand-typing paths. (Construction: for each arm at angle θ ∈ {−90°, −45°, 0°, 45°, 90°, 135°, 180°, 225°}, the four corners are base±5 at r11 and tip±2 at r46 along θ. Core r14 and dot r9 are drawn last.)

2. The three variants - there are EXACTLY three (p.06)

No outlined version, no gradient version, no flat-colour-on-coral version exists. If a context cannot host one of these three, the mark does not appear there.

3. The two lockups (p.07-08)

• Horizontal - mark left, wordmark "oction labs" right. The primary signature. Use on websites, documents, decks, banners, video end-cards, anywhere width is available.
• Stacked - wordmark centred under the mark at 45% of icon height, gap 28% of icon height. Use for square-ish spaces: social cards, app splash, badges, merch, event signage.

Wordmark: Technor. "oction" in Light 300, "labs" in Extralight 200 - the weight step is the hierarchy; never add bold. All lowercase, tracking +1.2%, single line, never hyphenated or wrapped. Word space between "oction" and "labs" is 0.26 em. The icon-to-text gap = one core diameter (28% of icon). Wordmark x-height aligns to the icon's optical middle.

Selection rule of thumb: ratio wider than 2:1 → horizontal · squarer than 2:1 → stacked · under 96 px wide → icon alone.

The icon may appear alone only after the full lockup is established on the same surface, or in spaces under 96 px (favicons, avatars). Never construct a third lockup (no diagonal, no icon-right, no wordmark-above-icon, no circular text paths).

4. Clear space & minimum sizes (p.09)

• Clear space = ½ the icon height on all four sides (or the cap height of the lockup). Nothing enters it: no type, rules, photography, other logos, or the page/screen edge.
• Minimums: icon alone 16 px digital / 6 mm print · horizontal lockup 96 px / 28 mm · stacked lockup 64 px / 20 mm. The dot must stay visible at the smallest size.

5. Placement & alignment (p.10)

• Default: top-left, flush to the layout margin, baseline-aligned with the first text column.
• Centred placement only for symmetric formats (covers, splash screens, stacked signage).
• Bottom placement only as a sign-off on long documents / end-cards.
• The icon's left edge (not the dot) defines the lockup's left edge.
• Icon alone in UI chrome: optically centre it - shift 2% left and 2% up of true centre to compensate for the arm geometry.

6. Backgrounds & contrast (p.11)

• The mark needs 4.5:1 contrast against its background.
• Only approved flat fields: White, Mist, Ink, Carbon. Nothing else.
• Never on coral. Coral is the dot's colour and must stay unique.
• Mid-greys, photo highlights, and busy textures fail by default → use an ink scrim (see 05_PHOTOGRAPHY_AND_PATTERN.md).
• Match the variant to the field: ink/primary on light, white/reversed on dark. A white mark on a light field (or ink on dark) disappears.

7. Misuse - do NOT (p.17-18)

The dot rules are absolute: r9, dead centre, coral #FF4B26, every surface. - ❌ Stretch or squash · rotate off the grid · enlarge the dot · recolour the dot · recolour the mark · move the dot. - ❌ Outline the mark · add shadows or glow · multicolour the arms · place on coral. - ❌ Gradients or transparency in the mark · patterns/photos clipped inside the arms · other typefaces for the wordmark · title case or caps in the name · third-party remakes "in the style of" · AI-generated variations · animation outside the Pulse spec.

One mark, three variants, two lockups.

8. For an agent building assets (validation)

A correct mark file has: exactly 2 circles + 8 arm paths; core r14; dot `r9 cx50 cy50

FF4B26; arm tips reaching ~r46; **no**,gradient,filter`, extra circles, rings,

or halos. If a file has strokes/filters/extra circles or stubby short arms, it is a non-canonical redraw → replace it with assets/oction-labs_icon_*.svg.