Twingate

Item: Twingate
Rating: 7.3

Zero trust network access that replaces corporate VPNs.

twingate.com Save page

7.3/10MABTU rating

DESKTOP · 1440 × 10,113/ ↗

MOBILE · 390

Section outline · Home

01heroThin headline, lime CTA, mono access diagram918
02benefitsThree icon benefits in a row
03productsThree alternating blocks with coloured UI frames
04customersLogo tiles and highlight story cards
05codeTerraform code tabs with quote1,050
06integrationsIcon grid574
07ctaBlog cards then CTA and footer845

Rating · Home

Visual design7.6

UX & clarity7.2

Originality7.0

Craft & consistency7.5

Motion6.0

Performance & a11y7.7

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

Main colours

Dark·black background·vivid

Typography

TT Hovesheading · sans · google TT Hovesbody · sans · google

Stack & style

Framer React Google Fonts

Minimal Dark tech Product-UI-led Live chat Logo cloud Marquee Review badges Stats band Sticky header Tabs

Also: Google Tag Manager

Design DNA

Near-black canvas with a thin light grotesk for large headlines and a single lime highlight ('Pick Three.'). A violet announcement bar tops the page. The hero pairs text left with a small mono diagram in a dotted box. Product pillars alternate copy left and UI screenshots set inside flat colour frames of olive-lime, violet and forest green. Later a code block for Terraform, an integrations icon grid, blog cards, and a case study mosaic of logo tiles with lime and violet highlight cards.

Worth borrowing

Mount dark UI screenshots inside flat, saturated colour frames, one colour per product line.
Finish a three-part headline with the last phrase in the accent colour.
Mix plain logo tiles and coloured story cards in one customer grid.