Tailscale

Item: Tailscale
Rating: 7.1

Zero-trust networking that connects devices, teams and infrastructure securely.

tailscale.com Save page

7.1/10MABTU rating

DESKTOP · 1440 × 5,766/ ↗

MOBILE · 390

Section outline · Home

01heroCentred headline, black pill CTA, contact sales link1,310
02tabsFive product tabs swapping bullet list and laptop screenshot
03case studiesThree metric cards and grey logo wall897
04featureBlue gradient panel with console mockup and tag pills1,306
05testimonialsThree tweet-style quote cards
06integrationsIcon grid with inset text tile and button
07ctaDark rounded band with two buttons234
08footerFive link columns with dotted logo mark537

Rating · Home

Visual design7.2

UX & clarity7.8

Originality6.4

Craft & consistency7.6

Motion5.5

Performance & a11y7.7

This page scores 7.1; the site score weights the home page double.

Main colours

Light·off white background·vivid

Typography

Interheading · sans · self-hosted Interbody · sans · self-hosted

Stack & style

Next.js React Sanity Tailwind CSS

Minimal Corporate / clean Product-UI-led Logo cloud Mega menu Review badges Sticky header Tabs

Also: Hotjar, Vercel, Google Analytics, Google Tag Manager

Design DNA

Warm off-white page with a light grotesk, black pill buttons and a black announcement bar. The centred hero headline sits above five product tabs; the active tab turns coral and swaps a white card with a bullet list beside a laptop product screenshot. Case-study cards lead with big numbers under company logos, then a dense grey logo wall, a blue gradient panel with an admin console mockup and three icon benefits, tweet-style testimonial cards, a grid of 100 integration icons with a text tile inset and a dark rounded CTA band before a multi-column footer.

Worth borrowing

Turn the hero into a product switcher: tabs that swap a bullet list and screenshot card.
Lead customer proof cards with one large metric under the logo.
Inset a text tile inside a dense icon grid to label an integrations wall.