Maze

Item: Maze
Rating: 7.3

User research and testing platform for product teams.

7.3/10MABTU rating

DESKTOP · 1440 × 8,272/ ↗

MOBILE · 390

Section outline · Home

01heroHeadline left, tile collage right81
02featuresBig tabs switching a violet UI panel1,800
03statementScroll text-reveal paragraph936
04featuresTwo rows of lime-highlighted method chips745
05featuresPixel sphere and blue interview card939
06resourcesReport promo with book cover680
07logo cloudLogo row379
08trustLime panel with six white cards974
09ctaCentred headline, two buttons788
10footerLink columns, lime newsletter tile, huge wordmark903

Rating · Home

Visual design7.9

UX & clarity7.5

Originality7.4

Craft & consistency7.5

Motion7.0

Performance & a11y7.7

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

Main colours

Light·white background·mono

Typography

Phonicheading · font · self-hosted Phonicbody · font · self-hosted

Stack & style

Lenis Gatsby React Tailwind CSS DatoCMS

Minimal Bold typography Editorial Corporate / clean Bento Product-UI-led Custom cursor Floating CTA Logo cloud Marquee Smooth scroll Sticky header Tabs Text reveal

Also: HubSpot, Segment, Hotjar, Amazon CloudFront, Google Analytics, Google Tag Manager, Netlify

Design DNA

Warm off-white page with a large light grotesk (tight tracking) and black pill buttons. The hero sets a two-line headline beside a collage of tiles: a blue crowd pattern, a study-builder card, a webcam interview and a lime chart. Tabs (Recruit, Research, Analyze) switch a violet panel with a white filter card. A scroll text-reveal paragraph leads to lime-highlighted tool chips, a pixel sphere with a blue interview card, a playbook promo, a lime security grid and a footer with an oversized black Maze wordmark.

Worth borrowing

Build the hero visual as a loose mosaic of four unequal tiles mixing pattern, UI and video still.
Use large light-weight tabs as section headings that swap one flat colour panel.
End with a gigantic black logotype sitting under the footer links.