Buffer

Item: Buffer
Rating: 7.2

Social media publishing, engagement and analytics for small teams.

7.2/10MABTU rating

DESKTOP · 1440 × 7,633/ ↗

MOBILE · 390

Section outline · Home

01heroCentred headline, email capture, loose ring of network logos73
02logo cloud264,827 creators line above grey brand wordmarks660
03featuresTwo-column pastel cards with cropped product UI151
04featuresFour small pastel tiles for collaborate, mobile, start page, AI1,559
05integrationsRounded light bar of ten platform icons577
06audienceCreators / small business / agency tabs with creator cards195
07supportCopy left, team photo right, Help Center and Discord links557
08resourcesMasonry of coloured resource cards with thumbnails576
09transparencyFour live metrics with an open dashboard link1,160
10ctaMint band with a dark pill CTA and no-credit-card line583
11footerDark footer, six link columns, large wordmark510

Rating · Home

Visual design7.2

UX & clarity7.6

Originality6.4

Craft & consistency7.4

Motion5.5

Performance & a11y9.0

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

Main colours

Light·white background·muted

Typography

Stolzlheading · font · unknown Figtreebody · sans · google

Stack & style

Next.js React

Minimal Playful Rounded / soft Product-UI-led Logo cloud Marquee Stats band Sticky header Tabs

Also: Meta Pixel, Cloudflare, Google Analytics, Google Tag Manager

Design DNA

White page with a heavy grotesk headline and rounded pastel tiles as the only decoration. The hero floats real network logos (X, YouTube, LinkedIn, TikTok) loosely around a centred headline and an inline email capture with a green pill button. Features are a two-column grid of cards whose top half is a coloured wash — pink, green, amber, blue — holding a cropped product screenshot, with a small uppercase category label, short title and text link below. A rounded transparency band shows live company metrics, then a team photo, a resource card grid and a very deep dark footer with six link columns.

Worth borrowing

Tint each feature card's image well a different pastel so a grid of similar screenshots stays scannable.
Scatter platform logos loosely around the hero headline instead of a tidy integration row.
Publish live company metrics (users, customers, ARR) in a plain four-up band as a trust device.