# omp.sh

Source: https://omp.sh/
Captured: 2026-10-16
Tags: saas, landing, dark, both, dark-techno, minimal, swiss, technical, futuristic, mysterious, confident, edgy
Colors: #0b0a0c, #38202e, #6e2850, #923a6f, #4c4c52, #ad4c8f, #b771bb, #8b8b8f
Type (h1): Geist · 70.4px/68.992px · 500 · tracking -2.112px — "A coding agent with the IDE wired in."
Type (body): Geist · 17.28px/28.08px · 400 — "An agentic harness with all you need built in, powered by a native Rust core, wi"
Type (small): Geist · 11px/16.5px · 400 · tracking 2.64px — "OMP², SOON!"
Type (button): Geist · 11px/16.5px · 400 · tracking 2.42px — "CURL"
Button: "curl" — text #f5f5f5, radius 0px, border 0px, padding 4px 10px, height 26px, type 11px/400

## Images

- Hero (desktop): https://media.lvly.design/library/omp-sh/hero.webp?v=dbb70595
- Hero (mobile): https://media.lvly.design/library/omp-sh/mobile-hero.webp?v=d3545c82
- Full page (desktop): https://media.lvly.design/library/omp-sh/full.jpg?v=742bff84
- Full page (mobile): https://media.lvly.design/library/omp-sh/mobile-full.jpg?v=d09e3bc3
- Clip preview (mp4): https://media.lvly.design/library/omp-sh/video-hckl7g.preview.mp4?v=a2fecf9a

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.

## Steal-worthy details

- 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.
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.

## Style recipe

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.