Preview image. Unlock full-res
Two-column integrations section with a left copy block and a right grid of rounded app-logo tiles that fade at the edges.
Summary
An integrations section with all the copy on the left and a soft grid of rounded white app-logo tiles on the right, the grid fading out at its top, bottom, and right edges.
Visual description
The left column carries a small grey "Integrations" eyebrow, an oversized two-line headline ("Integrates with your tools"), a short paragraph, and two actions: a solid violet "Get Dovetail free" button and an "Explore integrations" text link with arrow. The right column is a roughly four-column grid of rounded-square white tiles, each holding a single color brand icon (Google Drive, Slack, Zoom, OneDrive, Notion, Microsoft Teams, SharePoint, Trello, Jira, Confluence, Zapier, and others). Outer tiles are empty or faded so the grid dissolves softly into the white background rather than ending on a hard edge. Generous whitespace, cool and clean.
Key takeaway
Fading the logo grid at its edges makes a finite set of integrations feel like an open-ended ecosystem. Keeping every logo in its own equal rounded tile reads as orderly and scannable, and the lone violet CTA stays the only saturated brand element on the copy side.
Reuse notes
Use to communicate "works with your stack" without listing every integration by name. The faded edge effect needs a clean background to work and a decent count of recognizable color logos. Pairs naturally below a features or pricing section.
