# exe.dev

Source: https://exe.dev/
Captured: 2026-09-13
Tags: saas, landing, light, both, minimal, swiss, technical, calm, confident, serious
Colors: #f8fafc, #9aa1ab, #d1d5da, #2d2d2d, #b6bac0, #474848, #737579, #0a0a0a
Type (h1): JetBrains Mono · 33.8px/54.08px · 700 · tracking -0.676px — "Computers for developers and agents"
Type (h2): JetBrains Mono · 28.6px/45.76px · 700 · tracking -0.572px — "API first"
Type (h3): JetBrains Mono · 13px/20.8px · 600 — "It’s just a computer"
Type (body): JetBrains Mono · 13px/20.8px · 400 — "Durable Sandboxes that are fast, secure, and sharable."
Type (small): JetBrains Mono · 11.05px/17.68px · 400 — "Get a Demo"
Type (button): JetBrains Mono · 11.05px/17.68px · 400 — "Get a Demo"
Button (primary): "Get a DemoDemo" — fill #111111, text #ffffff, radius 4.875px, border 1px, padding 5.2px 13px, height 30px, type 11.05px/400
Button (secondary): "Login / RegisterLogin" — text #6b7280, radius 4.875px, border 1px, padding 5.2px 13px, height 30px, type 11.05px/400
Radii: 999px (8), 6.5px (8), 50% (8), 4.875px (7), 12px (7)

## Images

- Hero (desktop): https://media.lvly.design/library/exe-dev/hero.webp?v=cc7f5185
- Page crop (mid-1): https://media.lvly.design/library/exe-dev/mid-1.webp?v=1ee29b17
- Page crop (mid-2): https://media.lvly.design/library/exe-dev/mid-2.webp?v=e2481d15
- Hero (mobile): https://media.lvly.design/library/exe-dev/mobile-hero.webp?v=92e6a045
- Full page (desktop): https://media.lvly.design/library/exe-dev/full.jpg?v=9dbaa198
- Full page (mobile): https://media.lvly.design/library/exe-dev/mobile-full.jpg?v=0cd48147
- Clip preview (mp4): https://media.lvly.design/library/exe-dev/video-uyz8i3.preview.mp4?v=c0f7f061

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.

## Steal-worthy details

- Monospace as the *only* typeface, from 11px button labels to the 34px display heading, tightened −2% at display size so the mono does not look loose.
- A hero with no image: headline + one caption, centered, with vertical space (~300px above, ~450px below) as the whole composition.
- The dark terminal window is the single strong-contrast element per section; the light page is otherwise almost tone-on-tone (#9aa1ab / #d1d5da grays on #f8fafc).
- Terminal mock with a tab strip of example commands and a scrub bar with pause/replay — a product demo that is also a working "try these" menu.
- Two-button header hierarchy: one solid near-black primary, one outlined secondary of identical size, radius and type — same shape, only fill differs.
- Lowercase nav labels ("docs blog pricing uses ⌄") read like a shell prompt rather than a marketing bar.
- Inline `ssh exe.dev` rendered bold in the caption — the command *is* the call to action.

## Style recipe

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.