Inside the Teamtailor website design
Teamtailor is a CRM website built with custom code and Astro. Its pages are built from navbar, hero, testimonials, features, stats, CTA, and footer sections, shown here in full-page captures and a scroll recording. Typography: Archivo (display text, headings, and body text). Colours: background #FFFFFF, text #483434, main buttons #FB9BE4, surface #F4F1EC.
Everything you need for hiring people. Made smarter with AI and better with people. Its visual style is minimal, editorial, and playful, with navigation bar, hero with background imagery, and logo strip among its components.
Why we picked it
A warm handshake photo and a pink-lit laptop set a human tone before any software appears, and tablet and phone mockups then show the actual dashboard so visitors can judge the product itself. Soft beige backgrounds, rounded yellow and pink tags, and logo rows of recognisable brands build trust as the page moves from story to proof to pricing.
What to look for
- Navbar: a short menu: only the destinations visitors actually look for
- Hero: a specific headline instead of a generic slogan
- Testimonials: names, roles, and photos or logos for credibility
- Features: benefits framed around what the user gets, not internal capability names
Questions designers ask
What fonts does Teamtailor use?
Teamtailor uses Archivo for display text, headings, and body text, measured from the captured page's CSS.
What is the Teamtailor website built with?
The Teamtailor website is built with custom code and Astro, detected when the page was captured.
What colours does the Teamtailor website use?
Measured from the captured page's CSS, the Teamtailor website uses #FFFFFF for the background, #483434 for text, #FB9BE4 for main buttons, and #F4F1EC for surfaces.
What sections does the Teamtailor website have?
The Teamtailor website includes navbar, hero, testimonials, features, stats, CTA, and footer sections. Each one opens on its own page, so you can compare it with the same section on other websites.
