A customer success and lifecycle platform. Fits customer-success SaaS, account-management tools, B2B-revenue apps, and CS-platform landing page designs.
Screenshots of 6 pages from planhat.com: homepage, solutions, integrations, customers, pricing and about.
Design tokens
11 colors · 11 type stylesNear-black (#121211) primary on a pure white (#ffffff) canvas, set in Geigy LL Duplex for headlines and Inter for body text. These values are read from the Planhat DESIGN.md in the Pass bundle, which carries all 11 color tokens, 11 type styles, the radius and spacing scales and the full component rules.
Three ways to ship a Planhat-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 Planhat. All trademarks belong to their respective owners.
About Planhat
Home page hero
The home page opens with a full-bleed, dark and moody photo of a person in a clear helmet and goggles inside a greenhouse, as if tending a crop on another planet. A floating grey pill nav centers six links (home, solutions, platform, customers, pricing and explore), with a login pill and an orange request-a-demo pill at the right. Two small pills above the headline link to a letter from the CEO. The headline, "Know them. Grow them.," is set in a large light sans-serif in white, with a short line about a customer platform for acquiring, servicing and growing lifelong customers, a link to a product tour and an orange demo button. A white band below lists ten grey logos of software, telecom, crowdfunding, wellness and stock-exchange brands.
Ecosystem and proof
A rounded photo card of a greenhouse interior carries a centered headline, "An ecosystem built for customer action," with a paragraph about a single source of truth and a control center for sales, service and success teams. Two cards sit below it: a dark one, "Intuitive yet deep," with a hand on a laptop showing a dense account table and a discover button, and a light one with a very large customer quote about improving average customer health by a stated percentage, with the customer's name and role and an orange read-impact-study link. Dash-style pagination sits below, and the next card begins with a portrait photo.
Solutions page
The solutions page repeats the greenhouse photography with a woman in a white suit and helmet tending seedlings under glass domes. A small tag, "Customer success software," sits above the headline, "Retain and grow customer revenue," with a short paragraph about converting customer data into action and an orange get-started button. A white section below sets "Kill churn, deliver success." in two tones, with the first line in light grey and the second line in black.
Integrations page
The integrations page switches to a white, airy layout with a floating white nav. A two-tone headline, "All your tools. One control center.," sits above two staggered rows of app logos in rounded tiles for CRM, support, messaging, calendar, email and survey tools, and a paragraph about CRM integrations, usage tracking, ticketing, issues and customer comms. A section below, "Essentials, your bread and butter," starts with a dark chat-style screenshot and the edge of a CRM record screenshot.
Customers page
The customers page has another greenhouse hero, this time a tunnel of glass arches with plants on both sides. A small tag, "Impact studies," sits above the headline, "Welcome to our Planthouse," and a paragraph says that Planhat powers thousands of customer-centric teams from fast-growing scale-ups to industry leaders. Below, a row of frosted white cards shows large customer logos for a review site, a customer messaging platform and a database company.
Based on full-page screenshots of planhat.com: the home page and the solutions, integrations and customers pages. Customer logos and the percentage quoted by a customer are as shown on the capture date and are the site's own claims. The pricing and about pages were not reviewed. Check the live site before relying on specific details.
Related designs
