omp.sh

omp — a coding agent with the IDE wired insaved 2h ago · captured 2h ago

Eight details, eight pinned.

View as Markdown ↗

Colors8 colors · ground #0B0A0C

ground#0b0a0c·83.41%#38202e·7.19%#6e2850·2.81%#923a6f·1.76%#4c4c52·1.19%accent#ad4c8f·0.94%#b771bb·0.78%#8b8b8f·0.52%

Sized by coverage · click to copy.

Typography1 family · 3 styles · Geist

A coding agent with the IDE wired in.

Geist · 70/69 · 500 · -2.112px

Body

An agentic harness with all you need built in, powered by a native Rust core, wi

Geist · 17/28 · 400 · normal

Small

OMP², SOON!

Geist · 11/17 · 400 · 2.64px

Specimens are the page's own words at their measured metrics; shown in Inter when the family is not loaded.

Buttonscurl1 style

curl

primary · fill — · label #f5f5f5 · radius 0px · border 0px · padding 4px 10px · height 26px · type 11px / 400

AnalysisA single-screen landing page for a terminal coding agent.

A single-screen landing page for a terminal coding agent. It never scrolls: everything sits in one 1440×900 frame on a grain-flecked near-black (#0b0a0c), and the pitch reduces to a headline, a sentence and an install command. A dithered, pixelated planet limb rises from the bottom-right corner, magenta fading through plum (#6e2850 → #923a6f → #b771bb) with a thin periwinkle rim. A starfield of single-pixel specks spills off it, so the page reads like an orbital view rendered on a CRT. Type is Geist throughout. The display line is 70px/500 at -2.1px tracking. All the chrome — tabs, eyebrow, nav, footer — is 11px uppercase with about 0.22em tracking. Every UI surface is a 0px-radius hairline box, the opposite of the soft pill-and-card SaaS default.

Style recipeDark, grainy and instrument-like.

Dark, grainy and instrument-like. Background is near-black #0b0a0c with a faint full-bleed noise and sparse 1px white star specks. Set every piece of text in Geist. Display: 64–72px, weight 500, line-height ~0.98, tracking -0.03em. Body: 17px/1.62, weight 400, in #c8c8cc. All UI labels (nav, tabs, eyebrows, buttons, footer) are 11px uppercase at 400 with 0.22–0.24em tracking, in #8b8b8f, or #f5f5f5 when active. Code is set in a monospace at ~15px. Corner radius is 0px everywhere, and surfaces are 1px hairline boxes in #2a2a2e on a fill only a shade above the background (~#0f0f12). There are no shadows and no filled buttons: actions are ghost cells inside the hairline box, separated by vertical dividers. Accent is a magenta family: #ad4c8f for the brand, rendering up to a hot ~#ff4fd0 on display text, and supported by #6e2850 / #923a6f / #b771bb for depth. Use it for a single emphasized phrase, the active-tab underline (2px) and prompt glyphs, and nothing else. One cool counter-hue (dim teal ~#1f8a8a) is allowed for a single eyebrow. Lead with headline emphasis as a tonal ladder (white → gray → accent) rather than bold. Make imagery a dithered, low-resolution pixel render (a planet limb, a horizon) with a thin periwinkle (#8a8cf0) rim, bleeding off a corner. Index navigational items with small tabular numerals (01, 02…). Fit the page in one viewport when the message allows it.

Details8 worth noting

omp.sh — the captured page — Landing, 1440 × 900 · captured Oct 16, 2026

1White-gray-magenta headline ladder
Three-tone headline: line one in pure white, line two in ~#c8c8cc gray, line three in hot magenta, with a white period after the colored phrase. The color ladder does the emphasis without any change of weight.
2Tabbed install command as the CTA
The install command *is* the CTA. Underlined package-manager tabs (CURL · BREW · BUN · PS1 · MISE, active tab white with a 2px magenta underline) sit over a square hairline box split into three cells: a magenta $ prompt, the monospace command, and a COPY cell. "MACOS · LINUX" sits right-aligned on the tab row.
3Dithered pixel planet horizon
Dithered pixel-art planet limb in the bottom-right corner, built from coarse magenta/plum pixels with a 1–2px periwinkle atmosphere line and scattered white single-pixel stars. It is the only illustration on the page and carries the whole brand mood.
4Numbered icon-cell side rail
Vertical rail of eight square icon cells pinned to the left edge. Each cell is hairline-bordered and has a tiny tabular index (01–08) in its bottom-right corner, so it works as a table of contents styled like a tool palette. On mobile it reflows into a 4×2 grid.
5Off-palette teal eyebrow
Teal eyebrow ("OMP², SOON!") in a dim cyan (~#1f8a8a) at 11px with 0.24em tracking. It is the only cool hue on a magenta page, so it flags the announcement without competing with the headline.
6Edge-faded logo strip
Compatible-model logo row with no boxes, just monochrome marks. The first and last logos fade almost to the background, which suggests a longer marquee without any animation.
7Nameplate copyright chip
Footer credit as a hairline-boxed, square-cornered chip ("STENCIL LABS, INC. © 2026") in widely tracked caps, with the parent brand's wordmark in the opposite corner. The legal line is styled like a hardware nameplate.
8Glyph nav with external arrows
Nav reduced to "DOCS" in tracked caps plus Discord and GitHub glyphs, each with a small ↗ to mark it as external. There is no bar, border or CTA button in the header.