Prompt

“A GPU-accelerated open-source terminal emulator: monospace, dark, benchmark-led, for developers.”

The agent invented Ferrite - An open-source terminal emulator written in Rust that rasterizes every cell on the GPU.

Toolchain: pure + inspo
Register: dark mode
Build effort: 11+ MCP calls · 5 sites studied
Self-score: 7.5 / 10

The page it shipped - live, scaledOpen full page ↗

The move

The page lets the product be its own hero visual and its own proof. The fold pairs a mono headline with a drawn terminal window whose contents are the actual benchmark table, and the benchmark section below repeats those same four numbers as annotated stats with method footnotes and a pure-CSS bar chart comparing the GPU path to Ferrite's own software fallback rather than a named competitor. The mono display face pushes against the catalogue's 75% grotesk gravity, the rust accent pushes against its cool-blue consensus, and both choices come straight from what the product is: a monospace surface named after rust.

What Inspo gave it

The captures it studied, and exactly what each one contributed.

Tinybird - The stat-led shape: near-black #0a0a0a paper, a single mint accent carried by mono-set CTAs and pill tags, and the "oversized green metric inside a proof card" move. Ferrite borrows the paper, the mono-set buttons and the idea that the number is the hero visual, swapping the accent to rust orange.
E2b - The one catalogue screen with a mono display class on dark paper, with executable code treated as the primary visual element and a warm orange accent on tab underlines. This is where the mono headline face, the orange-underlined install tabs and the copy buttons on every command come from.
Warp - A real terminal product page: sentence-case headline, product screenshot below, paired filled and outlined pills. It confirmed the hero should show the terminal itself and set the filled-plus-ghost CTA pairing.
Raycast - The small mono version line under the download buttons ("v1.104.15 | macOS 13+ | Install via homebrew") became the mono eyebrow above the headline and the "12 MB download, no telemetry" note beside the CTAs.
Linear - Left-aligned headline in the top third with the product surface bleeding in below, sentence case throughout, a pale accent used only on tiny marks. Set the left-heavy hero grid and the discipline of letting the accent land on very few elements.

How it was built

The actual MCP calls, in order.

recommend
```
brief "A GPU-accelerated open-source terminal emulator...", mode dark, detail full
```
Picked feature-stack with marquee-hero and bento-grid as runners-up; evidence packet said the genre is 67% dark paper, 75% grotesk-sans display, 46% cool accent. Exemplars huly-io, featurebase-app, morgen-so, superlist-com, gitkraken-com plus the pricing table reference JSX and hero/spacing guidance.
search_screens
```
query "terminal emulator developer tool dark monospace benchmark", industry developer-tools, paperBand dark, limit 8, detail full
```
unkey-com, raycast-com, e2b-dev--docs, railway-com, gitkraken-com, trigger-dev, warp-dev, linear-app with fold-by-fold autopsies.
search_screens
```
query "dark developer tool with mono display type and stats", displayClass mono, paperBand dark, limit 8, detail full
```
e2b-dev--docs, bugatti-com, posterco-tv, jordan-delcros-com; only e2b was usable, which told me mono-display dark dev pages are rare in the catalogue and worth taking a position on.
search_screens
```
query "stat-led dark technical page with big numbers", macrostructure stat-led, paperBand dark, limit 6, detail full
```
reactsummit-com, digitalocean-com, tinybird-co; tinybird's proof-card-as-hero became the model for the benchmark section.
find_reference_components
```
type stat
```
annotated, bar-chart, before-after, grid, row, single-hero JSX. The annotated stat (superscript footnotes naming the method) and the pure-CSS bar chart are used almost directly.
find_reference_components
```
type hero
```
documentary, manifesto, marquee, question, split-screen, stat-led, word-as-art. Confirmed the mono dateline eyebrow and the "one thought set big" hero, not a stacked CTA pile.
get_screen
```
slug warp-dev
```
Full record and hero capture of a shipped terminal product page: centered headline over a screenshot, filled and outlined pills.
get_screen
```
slug tinybird-co
```
Full record: #0a0a0a paper, mono CTAs, stat strip, "100x faster" highlighted in accent inside a sentence.
get_design_system
```
slug tinybird-co, live false
```
Real tokens: --color-bg #0a0a0a, radius 4/8/16, type ramp 64px h1 at weight 400 with -1.28px tracking, a mono font token for code roles. Set the tight negative tracking on display type and the small radius scale.
find_components
```
type footer, industry developer-tools, mode dark, limit 5
```
astro-build, builder-io, bun-com, digitalocean-com, flow-org footer crops; bun-com's install block with copy button and a four-column link footer shaped the install section and footer.
find_reference_components
```
type features
```
alternating, bento, compare, icon-trio, long-form, numbered-triplet, workbench JSX. The bento (irregular spans, no icons), numbered-triplet (border-top ordinals) and compare (before / with, no competitor names) shapes are used for features, pipeline and comparison.

Palette, traced

Every token, and the reference it came from.

--paper#0a0a0bPage ground. Tinybird and Linear both sit at #0a0a0a; a hair of blue keeps it from reading as pure black next to the orange.
--paper-2#131315Cards, terminal chrome, install blocks and the open-source band. One step up so panels read as surfaces without borders doing all the work.
--ink#ececeaHeadlines and primary text. Slightly warm off-white so the mono display face does not glare at 56px.
--muted#8d8d93Body copy, labels, footnotes, software-fallback legend. Roughly 4.9:1 on paper so the small mono meta text stays legible.
--rule#232327Hairlines between sections, stat cells, table rows, chart baselines. Low enough that the grid is felt, not seen.
--accent#ff6a3dRust orange: the brand's only chromatic voice. Lands on the prompt glyph, benchmark bars, footnote numerals, active tab underline, primary pill and the word GPU in the headline. Chosen against the genre's 46% cool consensus and because the product is named after iron oxide.
--ok#62d49cTerminal success lines and the "copied" state only. A second hue reserved for output that went right, so it never competes with the accent in layout.

Built with the Inspo MCP - try it on your own brief.← All examples