Tracewell

Tracewell is a complete website for an AI product, a SaaS or a developer tool. It does not stop at a landing page: it ships the blog, the changelog, the docs and the pricing page a real launch needs, all connected.

What makes it different

• A product console, not a mockup. One coherent set of runs, traces and eval scores appears in the hero, the pinned story and every feature page.

• Two pinned sequences. The console and a three-step setup card change state as you scroll: connect your app, choose your guardrails, ship with automated gates. No code on the first screens.

• Built for the whole team. Plain-language headlines, a before and after comparison and big outcome numbers that founders and product managers can read at a glance.

• Search that works. Press Cmd K or / to search the docs, posts and releases.

• Docs and changelog built in. Sidebar, live table of contents, mobile drawer, release train with filters.

• Dark by default, light on demand. A visible switch, remembered between visits.

• Quiet, fast motion. Reduced-motion friendly, no scroll hijacking, smooth on a mid-range laptop.

What is included

• 16 pages, each laid out for desktop, tablet and phone

• Blog, changelog and docs from two CMS collections

• Cmd K search, light and dark theme, SEO titles and descriptions on every page

• Free updates

Pages

Home, Features and three feature pages, Solutions with a real audience filter, Pricing with a monthly and yearly switch, About, Blog, Article, Changelog, Docs, Doc article, Contact with a working form, 404 and a Start here guide.

Built for editing

Colour and text styles, named components with variants, CMS-bound lists and detail pages, and a handful of small code components. Everything you change often is a field, a component control or a text style, so you never need to touch code.

Fonts: Host Grotesk, Geist and Geist Mono. Sample content is fictional.