Intelligence tooling

Client build

INTLO

An instrument site where the interface is the proof, not the pitch.

intlo.com
Products indexed
17Products indexed
Interactive proof modules
9Interactive proof modules
Verification checks green
20/20Verification checks green

Executive summary

INTLO is an intelligence company, which makes its website an unusually hard problem: a site that claims analytical capability while being a static brochure undercuts the claim it is making.

Digital Boutique built the site around a single governing principle — the site is the demo. The homepage hero is a working instrument running real market data. Every case study carries an embedded proof module rather than a screenshot. And every module states its own data mode, so a visitor always knows whether they are looking at live data, a cached snapshot, or a recorded replay.

The challenge

There is a specific failure mode for technical companies selling technical capability: the marketing site is the one artifact prospects judge them by, and it is usually the one artifact built to a lower standard than the product. A dashboard company with a screenshot of a dashboard has demonstrated that it can take a screenshot.

The obvious fix — put live product on the marketing site — creates a worse problem. Live systems fail in front of prospects, live client systems cannot be shown at all, and anything convincing enough to be worth showing usually contains data nobody is permitted to publish.

The build had to satisfy both constraints at once: prove capability through working interfaces, while never exposing a client system, client PII, or client revenue.

Approach

The resolution was to make the data mode explicit rather than to hide it. Each proof module declares itself LIVE, CACHED or REPLAY in mono caps, at the top of the frame. Once that label exists, a replay stops being a compromise — it is an honest artifact, and the modules that genuinely run live become credible precisely because the others are marked.

That single decision unlocked the rest. Client work could be shown as anonymized replay with no exposure risk. INTLO's own instruments could run live. The market-data hero could be genuinely live because it draws on public data.

Nine modules were built on a shared replay engine — a progress loop with play, pause and scrub, throttled to roughly 30fps, parking on the final frame for visitors who prefer reduced motion. Building the engine once meant each module is a shell plus fixtures plus a script rather than a bespoke rebuild.

Publish state is operator-controlled per entry, which is what allows client case studies to exist in the codebase before they are cleared to appear. Anything without sign-off ships unpublished.

What it produced

Seventeen products are indexed with per-entry build status, nine of them carrying interactive proof modules, verified by an end-to-end suite running twenty checks green.

The proof engine built here is the direct ancestor of the one running this Showcase — the pattern proved durable enough to become Digital Boutique's canonical approach to demonstrating client work without exposing it.

Profile

Product
INTLO — intlo.com
Industry
Intelligence tooling
Scope
Instrument index, interactive proof modules, case study system, admin publishing controls
Challenge
Build a site for an intelligence company that demonstrates intelligence rather than claiming it — where every case study is a working instrument instead of a screenshot.

Services delivered

The site as the demo
The governing design principle. Visitors land on a page that shows live data and dashboard craft rather than describing it — the homepage hero is a working instrument running real market data, not an image of one.
Interactive proof modules
Nine embedded instruments — animated charts, replayed sequences, live indexes — one per case study. No static screenshots anywhere in the work section.
Data-mode labeling
Every module states its own data mode in mono caps: LIVE, CACHED or REPLAY. A replay labelled as a replay is more persuasive than a live demo that might break, and the labeling is what makes the LIVE ones worth believing.
Case study system
A seeded content model covering 17 products with per-entry build status, publish gating, and a separate section for client work credited to the team that built it.
Instrument-grade motion
Pervasive but precise: spring-based, purposeful, reading as a lab console coming online rather than an agency showreel.
Admin publishing controls
Publish state is operator-controlled per entry, so client work goes live on sign-off rather than on deploy. Anything without sign-off ships unpublished by default.

Technical architecture

Front-end
Next.js App Router, React Server Components, TypeScript, Tailwind CSS
Database
Neon Postgres with Drizzle ORM and drizzle-kit migrations
Motion
Framer Motion — spring-based, reduced-motion aware
Proof engine
Replay loop and step hooks driving nine bespoke instrument modules
Verification
Playwright end-to-end suite
Hosting
Vercel

Results

Products indexed
17Products indexed
Interactive proof modules
9Interactive proof modules
Verification checks green
20/20Verification checks green

Building something with this shape?

Start a conversation