UI Sections
SectionsStylesIndustriesCompaniesAbout

Dovetail website design

Every section we captured from the Dovetail website, in page order, from the features section down to the CTA section. Open any thumbnail to see it full size.

Visit dovetail.com (opens in a new tab)

Sections 7

In page order, top to bottom

  1. Dovetail features section: left-aligned headline and orange button above an orange panel with a video insights UI and three tabbed benefits
    01 Features

    Data in, insights out AI does the work

  2. Dovetail features section: centered headline above role tabs and a panel with product manager copy beside chat and search UI cards
    02 Use cases

    Flexible enough to meet every team’s needs

  3. Dovetail integrations section: headline, copy and two CTAs on the left beside a fading grid of app icon tiles like Slack, Notion and Jira
    03 Integrations

    Integrates with your tools

  4. Dovetail pricing section: centered headline, monthly/yearly toggle and three plan cards with the Professional tier outlined in indigo
    04 Pricing

    Start for free Upgrade to scale

  5. Dovetail value proposition section: centered headline above a carousel of bold illustrated value cards with the first value's text below
    05 About & mission

    What we value

  6. Dovetail contact section: copy with checklist, ROI stats and customer logos on the left beside a gray contact sales form with purple submit
    06 Contact

    Contact sales

  7. Dovetail call-to-action section: large white headline and two buttons on a bright indigo panel with a walking megaphone illustration
    07 Call to action

    A whole new way to understand your customer is here

Similar companies

All companies
time.fyi11 sections Customer.io26 sections Jasper20 sections Attio16 sections
    ↑↓ Navigate ↵ Open

    Section preview

    Website section