Skip to content
oma

Brand

The oma identity

A neutral engineering-tool language: a grayscale ground, one confident amber accent, crisp hairlines, and the Inter / JetBrains Mono type voice. This page is the reference — the mark, the tokens, the type, and how to use them.

Mascot

A cheerful pixel robot, kept deliberately illustrative — its own warm palette, not the flat amber primary. It's a playful secondary mark for friendly moments (empty states, get-started); the amber chrome stays for the serious tool surface. Use it sparingly, never as the primary logo.

Color

Every color is a CSS custom property in global.css — redefine the token and the whole site shifts. Each row shows the light and dark value.

Ground

Neutral grayscale. Pages sit on Background; Surface bands and Elevated chips step up.

Background
--color-bg
L oklch(1 0 0)D oklch(0.145 0 0)
Surface
--color-bg-surface
L oklch(0.97 0 0)D oklch(0.269 0 0)
Elevated
--color-bg-elevated
L oklch(0.967 0.001 286.375)D oklch(0.274 0.006 286.033)

Text

One neutral gray family, three levels of emphasis.

Foreground
--color-fg
L oklch(0.145 0 0)D oklch(0.985 0 0)
Muted
--color-fg-muted
L oklch(0.44 0 0)D oklch(0.78 0 0)
Subtle
--color-fg-subtle
L oklch(0.556 0 0)D oklch(0.708 0 0)

Lines

Crisp 1px hairlines carry structure instead of heavy shadows.

Border
--color-border
L oklch(0.922 0 0)D oklch(1 0 0 / 10%)
Border strong
--color-border-strong
L oklch(0.87 0 0)D oklch(1 0 0 / 18%)

Primary — amber

The single ownable accent. All chrome: logo, links, focus, primary buttons.

Amber (primary)
--color-brand
L oklch(0.555 0.163 48.998)D oklch(0.473 0.137 46.201)
Amber hover
--color-brand-hover
L oklch(0.473 0.137 46.201)D oklch(0.666 0.179 58.318)
Amber subtle
--color-brand-subtle
L color-mix(in oklch, oklch(0.555 0.163 48.998) 9%, white)D color-mix(in oklch, oklch(0.473 0.137 46.201) 16%, oklch(0.145 0 0))

Data-viz accents

Functional only — inside the architecture diagram, lifecycle, badges and use-case tabs. Never page chrome.

Amber accent
--color-dv-accent
L oklch(0.666 0.179 58.318)D oklch(0.666 0.179 58.318)
Blue
--color-blue
L #6a9bccD #6a9bcc
Green
--color-green
L #788c5dD #788c5d

Typography

Inter Variable for everything — display and body share the family, differing by weight and tracking. JetBrains Mono carries the terminal, code, and label vocabulary, and Instrument Serif appears sparingly as an italic display accent.

Durable agents Inter · 48 / 700 / -0.02em
Section heading Inter · 30 / 700
Card title Inter · 20 / 600
Body copy sits at a relaxed line-height and a muted foreground so headings and accents lead the eye. Inter · 16 / 400
the managed layer, open Instrument Serif · 30 / italic
oma@fleet:~$ oma sessions tail sess_9f2 JetBrains Mono · 14

Usage

Do

  • Give the mark clearspace of at least its own node's diameter on every side.
  • Use amber on neutral grounds, or a single mono ink/paper tone.
  • Keep it 16px or larger — below that the node fills in.
  • Let it inherit currentColor so it stays theme-aware.

Don't

  • Recolor the mark to a gradient, or any non-brand hue.
  • Stretch, rotate, or restyle the frame corners or node.
  • Swap the mascot in as the primary logo, or tint it amber.
  • Set the mark on a busy photo without a solid backing tile.