exe.dev

A developer-infrastructure landing page that runs entirely in JetBrains Mono, at every size, on a near-white slate ground (#f8fafc). The hero is an empty room: a 34px bold monospaced headline, one 13px gray subline, and nothing else in 900px of viewport — the product (persistent Linux sandboxes over SSH) is explained by absence rather than by a screenshot. Below the fold each section repeats the same pattern: a centered mono heading, a one-line caption, and a single dark artifact — an animated macOS-style terminal window with tabbed prompts ("launch openclaw", "start a blog") replaying a real ssh exe.dev session. Chrome is minimal: a lowercase nav of plain words, one solid #111 button and one hairline-outlined button, both 30px tall with a 5px radius. The effect is the aesthetic of a well-set man page — nothing decorative, everything on a fixed-width grid, contrast doing the work color would normally do.

Set everything in JetBrains Mono (fallback ui-monospace, SFMono-Regular, Menlo, monospace) — headings, body, buttons, nav; no second family. Display headings 32–36px, weight 700, letter-spacing −0.02em, line-height 1.6; body 13px/1.6 weight 400; button labels 11px. Page background #f8fafc; primary text #2d2d2d, secondary #737579, tertiary/rules #9aa1ab and #d1d5da; near-black #111111 for the primary button and any dark artifact. Radii: 5px on buttons and inputs, 12px on large panels/windows, 999px for pills. Buttons are 30px tall, 5px 13px padding, 1px border: primary solid #111 with white text, secondary white with a #d1d5da border and #2d2d2d text — identical geometry, fill is the only difference. Compose each section as center-aligned stack: heading → one-line caption → one artifact, with 200–400px of empty vertical space between sections; never place two artifacts side by side. Let dark #1a1a1a panels (terminal windows, code, product UI) supply all high contrast; keep the light surface tone-on-tone with no coloured accents, no gradients, no illustration. Nav is lowercase words 13px in secondary gray, left-aligned after a small square logo; actions right-aligned. Use inline bold monospace for commands in running text and make the command itself the CTA. Motion is limited to typing/replaying inside the dark panel; the page chrome does not animate.