A project and client-work management platform. Fits agency operations, professional services, team collaboration, and productivity SaaS landing pages.
Screenshots of 4 pages from teamwork.com: homepage, client management, pricing and contact sales.
Three ways to ship a Teamwork-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 Teamwork. All trademarks belong to their respective owners.
About Teamwork
Home page hero
The home page opens on a pale lilac-to-white gradient with a soft pink ring. A small outlined pill with a sparkle icon, "AI-powered professional services automation," sits above the headline, "Most tools track work. We make it profitable.," set in a heavy navy sans-serif. A paragraph with bolded words says it runs projects, resources and financials in one place. Two buttons follow, a solid violet free-trial pill and an outlined book-a-demo pill, with a small caps line that mentions a 14-day trial and no credit card. The nav carries the wordmark, five dropdown or text links, an AI link with a sparkle, contact sales, log in and a violet try-for-free pill.
Product preview and proof
A browser-style product window sits half under the hero, with a pink play button on top. It shows a project table with client names, task counts, status chips (good, at risk, not set), progress bars and euro budget cells in pastel yellow and blue. Below it, a grey band scrolls the logos of large consulting, media and automotive companies. Four large numbers with purple and pink labels summarize the customer base, utilization gains, new client projects and tracked hours.
Feature rows
The rest of the home page alternates left and right feature rows, each with a small outline icon, a bold heading, a short paragraph, a three-item checklist with circled checkmarks and an outlined button. One row shows a resource planner grid with hours per person and a violet side panel under the heading about managing workloads. Another, "Earn more profit from your client projects," pairs a pink panel with a budget overview card and a profitability chart.
Client management page
The client management page switches to a warm cream background. A small coral label, "Client management," sits above the headline, "Keep your clients at the heart of your operations," with a short paragraph and two buttons. On the right, a vivid violet tile with pink diagonal shards frames a dashboard screenshot with bar charts and a circular portrait of a smiling man. The next section's heading mixes navy and hot pink for the words client management.
Pricing
The pricing page has a centered headline, "Flexible pricing, start free," and a monthly and annual toggle with a handwritten-style save note. Four plan columns follow: Basics and Accelerate with per-user monthly prices billed yearly, and Optimize and Enterprise with a large "Let's talk." The Optimize column is tinted lilac with a recommended badge. Each column lists features with violet checkmarks, ranging from Gantt and board views to smart forms, automations, quotes, single sign-on and a dedicated success manager.
Based on full-page screenshots of teamwork.com: the home page, the client management page and the pricing page. Prices, customer counts and percentages reflect the capture date and are the site's own claims. The cookie banner visible in the captures is a consent notice, not site content. The contact sales page was not reviewed. Check the live site before relying on specific details.
Related designs
