Oction Labs logotype
Oction Labs — Brand System

Overview

Oction Labs - Brand System (Master Spec)

Source of truth. These files are transcribed from the official brand book, Oction Labs Brand Guidelines v3.3, June 2026 (CONFIDENTIAL, INTERNAL USE). Where this spec and the brand book ever disagree, the brand book wins. These .md files exist so an AI agent or developer can build brand-correct assets without re-reading the PDF each time.

The ten rules (from the kit summary, p.22) - memorize these

  1. Reproduce only from the SVG masters. Never redraw the mark.
  2. The dot: radius 9 / 100, dead centre, coral #FF4B26, on every surface.
  3. Three mark variants, two lockups. No more.
  4. Clear space = half the icon height.
  5. Minimums: icon 16 px, horizontal lockup 96 px.
  6. Coral under 5% of any layout outside the mark.
  7. Technor Light 300 / Extralight 200 only; lowercase name. Max weight anywhere = 500.
  8. 45° grid. Never rotate, stretch, or restyle.
  9. Photography only behind an ink scrim.
  10. Not covered here? Ask before improvising.

Files in this pack

File Covers
00_BRAND_OVERVIEW.md This file. Story, principles, the ten rules, file map.
01_LOGO.md Mark anatomy & exact geometry, 3 variants, 2 lockups, clear space, placement, misuse.
02_COLOR.md Full palette with hex/RGB/CMYK/HSL, the 62/20/13/5 proportion, contrast table.
03_TYPOGRAPHY.md Technor / Inter / JetBrains Mono, the scale, the hard weight rule, Office substitutes.
04_VOICE_AND_COPY.md Engineer voice, escalating declaratives, punctuation/case rules, boilerplate.
05_PHOTOGRAPHY_AND_PATTERN.md The two-field B&W recipes, the sucker-field pattern, the ghost mark.
06_MOTION.md Pulse, Resonance, Sucker-field, Draw-on; keyframes; platform cuts; reduced motion.
07_ICONS_AND_STICKERS.md The four vintage-trademark stickers and how to use them.
08_APPLICATION.md Web, decks, docs, social, co-branding, the build-checklist.
assets/ The corrected SVG masters + the 1024 px PNG + stacked lockups.

Brand story (p.03)

"Oction" is a coined word; the identity takes every syllable seriously: - Oct - eight. Structure, geometry, the octagonal logic of the 45° grid. - Motion - forward movement; the arms read as extension, reach, action in progress. - Ocean - depth and vast possibility; the octopus, the most intelligent invertebrate alive. - Action - agency. A lab that ships, not a lab that contemplates.

The mark is the octopus seen from directly above: eight machined arms in strict rotational symmetry, and at the centre the crown of the head, a coral core held inside the ink body. One organism, eight agents, one glowing brain. Everything else is a dark, dense, quiet stage where a single point of colour can mean something.

Brand principles & voice (p.04)

O2 Logo →