Skip to content

Brand kit

The Obcend identity, in files and in rules

Everything needed to represent Obcend correctly: the Aperture Bracket mark, the lockups, the colour and type tokens, and the constraints that keep the identity legible at 16px and in monochrome print.

Marks

Three lockups, one mark

Two opposing right-angle brackets framing a single offset unit — a measurement frame, a crop mark, a citation bracket. Evidence framed and captured.

ObcendFull lockup
Mark
Monogram

Colour

Deep slate ascending to indigo

Dark is the default theme. A full light theme is defined for reports, print and executive contexts. In-app values are oklch; the hex below is the portable export.

Core — dark

background
#0A0C12
surface
#10131B
elevated
#171B25
border
#232838
muted-fg
#8891A6
foreground
#E6E9F0
primary
#5A6CF0
accent
#8FA0FF

Semantic

info
#4C8DF6
success
#3FA97A
warning
#D9A03C
danger
#E2544E

Typography

Geist and JetBrains Mono

Geist carries display, heading and body at tight tracking. JetBrains Mono carries evidence: rule IDs, hashes, source locations and table numerics. Tabular figures on every metric.

Display · Geist Semibold · -0.022em

Evidence before opinion

Body · Geist Regular

Every finding carries the observed value, the expected value, the source location and a captured artifact.

Mono · JetBrains Mono

RULE-META-014 · 0.842 · sha256:9f31c0

Usage

Rules that keep the mark legible

Do

  • Keep clear space equal to the height of the inner square on all sides.
  • Use the mono lockup on photography, print, embroidery and single-colour output.
  • Hold the mark at 16px minimum, the lockup at 96px wide minimum.
  • Set the wordmark in Geist at the supplied optical weight and tracking.

Don’t

  • No gradients, glows, outlines or drop shadows on the mark.
  • No recolouring outside the palette, and no stretching or rotation.
  • Do not resize the wordmark independently of the mark in the lockup.
  • Do not place the mark inside another container shape or badge.

Motion

100–150ms, cubic-bezier(0.32, 0.72, 0, 1)

Motion confirms state and nothing else: a 1px hover lift, a focus ring bloom, a disclosure height change, a first-scroll section reveal. No parallax, no floating orbs, and a full cutoff under prefers-reduced-motion.

See a deterministic audit of your own site

We run a scoped crawl, produce evidence-backed findings, and walk your team through the report. No obligation, no pipeline pressure.