Where customer research lives. Make sense of all kinds of customer research data in one intuitive, collaborative, and searchable research.
Screenshot of the dovetailapp.com homepage.
Three ways to ship a Dovetail-style UI.
Use in your AI builder, no-code tool, or CMS
Paste the DESIGN.md in and ask the tool to restyle your existing site to match this design, or start a brand new one from scratch with the same visual language.
Not affiliated with Dovetail. All trademarks belong to their respective owners.
About Dovetail
Home page hero
The page opens on a warm cream background with deep indigo for all text and buttons. A small stylized logo and wordmark sit at the top left with a pale yellow "we're hiring" pill beside them, two dropdown menus plus customers and pricing links in the center, and a plain log-in link next to a solid indigo try-free pill at the right. The headline, "Where customer research lives," is centered in a bold geometric sans over two lines, with a two-line paragraph under it. Below, a wide flat illustration shows a house outline with people reading, climbing stairs, carrying a giant pencil and talking, with ribbons of sticky notes and charts unrolling around them, a person with a magnifying glass at the bottom and a few green plants. A row of customer wordmarks in indigo, in two lines of four, closes the hero.
Section tabs and analysis rows
A thin rule and a sticky row of six muted indigo tabs (analysis, repository, people, enterprise, security, community) end with a solid try-free pill. The analysis section has a left-aligned headline, "Recordings → insights in minutes, not hours," a paragraph and an underlined learn-more link with an arrow, next to a teal blob shape at the right edge. A tall screenshot of the product shows a document of an interview transcript with highlighted text in blue, pink and lilac, speaker names with time stamps, colored tag chips on the right and a small participant video. Rows then alternate in a two-column layout: transcribing in minutes next to a video player with a floating quote card, highlight reels next to a strip of video thumbnails, and tagging next to a pair of tag menus with orange chips and toggles. Each has a bold two-line heading and a paragraph in the same indigo.
Dark repository band
A large curved indigo band with white text introduces the repository: a headline about one central place for all customer knowledge, a paragraph, an underlined link and a blue squiggle illustration. A white screenshot of a project home screen follows, with a teal logo of a sample company, a row of avatars and a list of projects with small icons, dates and owner avatars. Inside the same band, a bright flat illustration of a gumball machine full of research objects sits next to a heading on unlimited viewer accounts with a white view-pricing pill, followed by a block about a single place for notes, recordings, photos, files and reports with overlapping media cards.
People section
The page returns to cream, with a yellow hill shape at the left of the curve and a magenta swirl on the right. A headline introduces participant management, followed by an underlined link and a wide screenshot of a spreadsheet-like table with avatars, emails, checkboxes, dates and countries, plus a toolbar with an orange add-person button and a small calendar picker popping up over one cell. Four short, bold statements in two columns, each under a thin indigo rule, close the capture, covering compliant management, connecting participants to data, custom segmentation and the compliance standards it supports.
How the page reads
The page is friendly for enterprise software. Flat illustrations in a restricted palette with plenty of indigo, large, simple headings and screenshots that show real-looking content make research tools feel approachable.
Based on a single full-page screenshot of dovetailapp.com that ends after the participant management section, the only capture available for this entry; the pricing, further sections and footer are not described. Customer names, security claims and feature descriptions are the company's own as shown on the capture date. Check the live site for the current offering.
Related designs
