Tailscale: restrained connectivity-platform page with tabbed product cards and blue diagrams

Tier: inspiration
Roles: hero, feature, capability, proof, testimonial, closing
Feel: light, saas, minimal, cold
Motion: pan, reveal, tabs
Source: public-site
Site: https://tailscale.com/
Licence: Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
Captured: 2026-10-05
Captures: frames: https://images.refero.design/styles/refero.design/video/4d2ba23c-5dae-4308-b80c-644205a3d227.mp4
both: https://tailscale.com/

What it does

A centered connectivity statement sits above a row of colored product categories and a large interface card. Business proof, blue connection diagrams, developer testimonials and integration logos organize the lower page.

Section roster

1. Connectivity introduction. 2. Product category tabs. 3. Large interface card. 4. Business proof metrics. 5. Blue connection diagrams. 6. Developer testimonials. 7. Integration logos. 8. Closing.

Why it works

The category rail makes a broad technical platform easy to scan. Blue diagram sections provide a clear visual break between interface detail and testimonial proof.

Source and capture notes

Refero [style page](https://styles.refero.design/style/5b679fb6-8d53-402d-a77b-c88bfb397623) and [recorded video](https://images.refero.design/styles/refero.design/video/4d2ba23c-5dae-4308-b80c-644205a3d227.mp4); [live site](https://tailscale.com/) checked on 2026-10-05. The recording is a point-in-time reference; current site content may differ. Descriptions distinguish the recording from the current page where they differ. Layout and motion notes come from sampled recording frames and automated live captures; interactive controls were not comprehensively tested.