dovetail.com/

Dovetail

dovetail.com/

Dovetail pulls customer feedback from sales calls, support tickets, and research into one system and uses AI to turn it into structured insights, via 38 native integrations plus an API/CLI. Its headline, "Build with facts, not vibes," frames the product as a corrective to decision-making by gut feel. Rather than round, marketing-friendly numbers, it cites a Forrester Total Economic Impact study directly: 2.3x ROI with payback in under six months, 30 hours saved weekly per user, and 66% faster shipping from discovery to delivery. Enterprise trust signals go beyond the usual SOC 2 line to name AWS Bedrock specifically as the infrastructure behind what it calls "private AI," alongside automatic PII redaction.

Category

Style

Stack

Fonts

InterJetBrains Mono

Palette

Meta title

Dovetail | Customer Intelligence Platform

Sections

Updated

Oct 10, 2026

Dovetail's landing page, section by section

Each section below is cropped straight from Dovetail's live page — useful references for data & analytics landing page design.

Dovetail design review: how the homepage is built

Dovetail's homepage is a dark, near-black page with blue accents. The brand matches meta.name. The palette is #0a0a0a for the background, #0044ff for highlights and #fdfdfd for headings. Blocks run top to bottom: a centred hero with the headline "Build with facts, not vibes", a logo strip, a dashboard mock-up, four numbered product sections, customer quotes, a security section, a closing call to action and a multi-column footer. meta.json lists Inter for display text and JetBrains Mono for body text. The distinctive habit for a customer-research platform is a single pixel-style display word set inside sans headlines, as with "vibes" and "org-wide".

Above the fold

The hero sits on a black field with faint grid lines in the corners. Two rating badges, "4.5/5 G2" and "4.6/5 CAPTERRA", sit above the headline, which splits around a blue keycap icon. Below the subhead are a white "Contact sales" button and an outlined "Try Dovetail free". A row of grey logos, including Wise, Ford and Shopify, runs along the bottom of the fold.

Centralize and Analyze product blocks

Product blocks open with a headline and a superscript numeral. "Centralize" with "01" sits beside a diagram of platform icons around a grey Dovetail mark, under the subhead "38 native integrations plus API, MCP, and CLI tools". "Analyze" with "02" holds two cards, "AI Projects" and "AI Channels 2.0" tagged BETA, plus a full-width card, "AI Dashboards", also tagged BETA. Each card carries a screenshot and a Learn more link.

Query and Act product blocks

"Query" pairs one card, "AI Chat", with a chat-sidebar screenshot. "MORE WAYS TO QUERY YOUR DATA" holds "Search", "Explore" and "Chat in Slack & Teams". "Act" has two large cards, "AI Agents" and "AI Docs", and "MORE WAYS TO ACT ON YOUR DATA" holds "MCP", "API and CLI" and "AI coding support". Two quotes, from "CONSTANCE DOCOS" and "SIMONE ELLIS", sit between the blocks.

Closing section and footer

A "Dovetail for" block headed "Product Management" lists five audiences: "Product Design", "User Research", "Customer Experience", "Sales and CS" and "Marketing". A security section with six feature cards includes "Built for trust at scale" and "Private AI". The closing band repeats the hero calls to action, "Contact sales" and "Try Dovetail free", and is followed by a footer with six link columns, "PLATFORM" through "CONTACT".

On mobile

At 390px the hero stacks into one column, with the headline across three lines and the buttons in a row below the subhead. The dashboard moves below the buttons and is cropped. Product blocks become single columns, and the three-card rows drop to one card per line. "2.3x", "30hrs" and "66%" stack vertically, and the footer link groups become one column.

Worth borrowing

"Centralize", "Analyze", "Query" and "Act" are one-word verb headlines, each with a short subhead beneath.
Customer quotes with circular logo badges sit between product blocks rather than in a separate section.
"Verified by Forrester." is set as a text link under the stats, citing the study as the source.