A collaborative sales CRM for go-to-market teams. Fits CRM products, sales platforms, customer-success tools, and B2B-workflow landing page designs.
Screenshots of 2 pages from relate.so: homepage and changelog.
Three ways to ship a Relate-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 Relate. All trademarks belong to their respective owners.
About Relate
Home page hero
The home page is almost white with a soft blue glow. A minimal nav has a small blue logo and the wordmark, then product, blog and changelog links, with a blue get-early-access pill at the right. A tiny line under the nav says the company is backed by a well-known startup accelerator. The headline, "Customer Relationship in good hands," is set in a bold navy sans-serif, with the second line in a lighter slate. A short sentence says the product is a better way to connect with customers and simplify sales, with a white pill button inside a blue gradient panel that has a faint grid texture.
Pipeline preview
Below the hero, a large product window shows a pipeline board. A left sidebar lists inbox, organizations, people, pipelines and views, and the main area has four columns: potential, pending, closed won and lost, each with a colored dot, a count and a total value. Cards carry a company logo, a deal amount (annual or monthly), a one-line note about the last interaction, an owner avatar and a relative time. The board uses real software company names, so it reads like an actual sales team's workday.
Proof and the four verbs
A line says the tool is powering the next generation of B2B startups, above two rows of four logos. The core workflow is then explained as four short one-word headings, each with a small screenshot. "Prospect." says to work on all potential leads from a single list and use product usage and marketing data to qualify them, with an email thread and a company record panel. "Retain." monitors customer health and upcoming renewals with a table of scores, revenue and renewal dates. "Recycle." reaches out to churned customers periodically, with a table of churn reasons such as pricing or a missing integration.
Features grid
A heading, "Features," has a one-line description of a better way to do sales and customer success for software startups. A bento grid follows: a simple and clean UI card with a pipeline preview, a built-for-SaaS card with a cloud of integration logos for messaging, analytics and payments tools, a revenue card with a chart and target win rate and a full-CRM card that argues that fewer, essential features beat more features.
Changelog page
The changelog page uses the same nav and a plain white layout. A large title, "Changelog," has a short line and a link to follow on social media. Entries run down a vertical timeline with a small dot and a date at the left. Each entry has a bold title, a peach "New" badge, a large screenshot on a dark wavy background and a one-line description with a read-more link. Examples include following organization updates and composing email anywhere.
Based on full-page screenshots of relate.so: the home page and the changelog page. Customer names shown in the product previews are sample data on the page. Changelog dates reflect the capture date. Check the live site before relying on specific details.
Related designs
