Contentsquare

Item: Contentsquare
Rating: 7.1

Experience analytics platform with AI for websites and apps.

contentsquare.com Save page

7.1/10MABTU rating

DESKTOP · 1440 × 7,340/ ↗

MOBILE · 390

Section outline · Home

01heroBurgundy, headline left, coral CTAs, AI chat card right776
02logo cloudWhite logos on burgundy
03productScreenshot on pink frame with product pill tabs910
04featuresGrey card, copy left, AI visual673
05proofG2 and Gartner ratings, centred copy472
06logo cloudTwo rows of client logos
07bannerDark green band with laptop photo
08tabsTeam tabs, copy and photo split839
09statsCarousel of logo and percentage cards784
10integrationsGrey card with integration icons516
11ctaBurgundy band with two buttons
12footerBurgundy multi-column footer

Rating · Home

Visual design7.3

UX & clarity7.4

Originality6.5

Craft & consistency7.0

Motion6.0

Performance & a11y7.7

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

Main colours

Light·white background·vivid

Typography

__New Edge Rounded_5045deheading · font · self-hosted __Inter_697da2body · font · self-hosted

Stack & style

Next.js Swiper Contentful Tailwind CSS React

Corporate / clean Product-UI-led Logo cloud Marquee Review badges Stats band Sticky header Tabs Testimonial slider

Also: Meta Pixel, OneTrust, Hotjar, Vercel, Google Analytics, Google Tag Manager

Design DNA

Deep burgundy hero with coral pill buttons, white grotesk headline left and an AI chat card overlapping the right edge. A session-replay screenshot on a salmon-pink frame bridges the hero into a white body. Product pill tabs switch the feature, then an AI agent block, G2 and Gartner ratings, a two-row logo grid, a dark green report band with a laptop photo, team tabs with a photo split, case-study stat cards led by brand logos (+7%, +24%) and a burgundy CTA and footer. Mobile turns product tabs into an accordion.

Worth borrowing

Let the hero screenshot sit on a coloured frame that straddles the dark hero and white body.
Lead case-study stat cards with the client logo and one big percentage.
Turn desktop product tabs into an icon accordion on mobile.