# I’m designing a home page for an AI developer tool. Find a fe…

[Open the live Fudge conversation](https://design.withfudge.com/share/0qjk6cdgi0/i_m_designing_a_home_page_for_an_ai_developer_tool_find_a_fe/)

Last updated: 2026-07-30

I'll search for polished dark developer-tool references from a few angles, then recommend a direction.

Let me inspect the strongest candidates to see which actually deliver dark, restrained, screenshot-led layouts.

Here are the strongest matches from the pool — all dark, all restrained, all screenshot-led.

## Captured pages

[![Claude Code — AI coding agent for terminal & IDE](https://pin.fontofweb.com/9222?format=jpg)](https://design.withfudge.com/share/pin-9222)

[Claude Code — AI coding agent for terminal & IDE](https://design.withfudge.com/share/pin-9222)

[![Graphite — Code review for the age of AI](https://pin.fontofweb.com/4466?format=jpg)](https://design.withfudge.com/share/pin-4466)

[Graphite — Code review for the age of AI](https://design.withfudge.com/share/pin-4466)

[![AI SDK](https://pin.fontofweb.com/8395?format=jpg)](https://design.withfudge.com/share/pin-8395)

[AI SDK](https://design.withfudge.com/share/pin-8395)

[![cmux — The terminal built for multitasking](https://pin.fontofweb.com/9448?format=jpg)](https://design.withfudge.com/share/pin-9448)

[cmux — The terminal built for multitasking](https://design.withfudge.com/share/pin-9448)

[![AI SDK Tools](https://pin.fontofweb.com/2240?format=jpg)](https://design.withfudge.com/share/pin-2240)

[AI SDK Tools](https://design.withfudge.com/share/pin-2240)

**Direction for a technical audience:** lead with a real product surface, not a marketing illustration. The Claude Code / cmux / AI SDK pattern wins here — a terminal or code-editor screenshot as the hero, a one-line install command as the CTA, and a near-black canvas with a single accent color used only for emphasis (the word "hackers," a CTA pill, a syntax token). Graphite's screenshot-card grid is the right move for the section below the fold, where you need to show several capabilities without writing paragraphs.

Concretely: black or near-black background, one accent (a warm orange or a single saturated hue), monospace for the install command and code blocks, a humanist sans for headings, and product screenshots framed in subtle 1px borders rather than drop shadows. Skip gradients, illustrations, and logo walls — engineers read those as filler.