Website Social Proof & Footer Patterns

Derived from Mobbin section screenshots: testimonials from Klarna, Sprout Social, Mixpanel, Notion, Hims, Tines, and Intercom; footers from In Common With, Spade, SOTF, Bird, Lightship, Hims, and Employment Hero (July 2026).

Part A — Testimonials & social proof

Observed patterns

1. Third-party rating anchor + quote cards. Klarna leads with a Trustpilot logo, star row and "4.0 | 370,674 reviews" beside the headline "Shoppers love Klarna", then shows two large colored quote cards (5-star row, quote, first name + date) with prev/next arrows. Sprout Social anchors on the G2 logo: three white cards each with a bold pull-quote headline, star rating, excerpt, "Read more →" link, and an avatar + name + job title below the card. Naming the review platform (Trustpilot, G2) converts opinion into verifiable evidence.

2. Social-wall / masonry of real posts. Notion renders a masonry wall of genuine tweets — avatars, @handles, verified badges, inline product screenshots — deliberately uneven card heights signal "real, unedited". Mixpanel mixes tweet cards with anonymous NPS-survey quote cards in horizontally scrolling rows under a dark headline band ("Teams like yours are building from their product data"). Intercom tags each quote card with the source icon (G2, X/Twitter, LinkedIn) and the reviewer's company size ("Enterprise (>1000 emp.)").

3. Metrics-as-proof bento. Tines addresses skepticism head-on ("Sounds… hard to believe?" / "Don't take our word for it."), pairs a G2 badge ("200+ reviews on G2.com ★4.8") with a pastel bento of customer-logo cards mixing quotes with hard numbers ("50% reduction in time spent per ticket" — KnowBe4; "10 hours of work time saved every day" — Snowflake). Hims sandwiches a "2.4 million* active subscribers" stat card between two quote cards ("Out of 5 stars, I'd give Hims 6."), with an asterisked legal footnote below the grid.

Design rules derived — social proof

Anchor the section with an external, verifiable source (G2, Trustpilot,

App Store) — logo + aggregate score + review count.

Attribute every quote: name (or handle) + role/company or persona detail

("Brandon, 44 — Real Hims customer"); anonymous quotes need a labeled source ("NPS Score").

Mix formats: 1 stat + 2 quotes (Hims) or logos + metrics + quotes (Tines)

outperform a monotone row of identical quote cards.

Keep quotes short enough to read at a glance; bold a pull-quote headline

if the full quote is long (Sprout Social).

Use section headlines that assert the crowd ("Shoppers love Klarna",

"Teams like yours…", "See what customers are sharing on socials").

Footnote any hard numbers (Hims's asterisk pattern) for legal safety.

Anti-patterns — social proof

Unattributed or stock-photo testimonials; every sampled site uses real

names/handles or explicit anonymized sourcing.

Perfect uniform 5.0 ratings everywhere — Klarna shows 4.0, Sprout shows

4.5-star cards; imperfection reads as authentic.

Auto-rotating carousels with no manual controls (Klarna's uses explicit

arrows).

Burying proof below the footer; Eventbrite/Mixpanel place it adjacent to

feature or CTA sections where doubt peaks.

Part B — Footers

Observed patterns

1. Link-column sitemap + newsletter block. Bird stacks two tiers: product-family columns with colored icon bullets on top, then Resources/Company columns beside a "Newsletter" form; consent microcopy ("You can unsubscribe anytime…") sits under the black Signup button. Employment Hero runs six columns (Company / Get in Touch / Support / Region / Product / Connect with social icons), then a subscribe row with explicit GDPR-style checkboxes, then a legal strip with a country selector.

2. Brand-forward minimal footer. Spade uses a dark green field, three small-caps-labeled link columns (USE CASES / INDUSTRIES / COMPANY) and a single newsletter input with an arrow button — legal links reduced to one bottom-right line. SOTF turns the footer into brand art: giant watermark logotype filling the lower half, monospace all-caps micro-links above, payment-method icons in the legal strip. Lightship centers its logomark, pairs a mission paragraph + newsletter (left) with product/company links (right), and ends with a slim copyright row.

3. Commerce/utility footer. In Common With leads with contact info, showroom addresses and hours in the top row, then Shop/Info/Account columns beside the newsletter signup with privacy-policy microcopy. Hims (dark footer) leads with "Get the latest from Hims" email capture + social icons + app-download QR code, then Popular/Learn/Connect/Careers columns, then a dense legal strip (terms, privacy, sitemap, trademark line) with a LegitScript trust seal and a cross-brand card linking to forhers.com.

Design rules derived — footers

Structure: (1) fat footer — 3–6 labeled link columns + newsletter/contact

block; (2) thin legal strip — copyright, terms, privacy, locale.

Newsletter capture is one email field + one button, always with consent or

privacy microcopy directly beneath it.

Label columns by user intent (Shop, Support, Company, Resources), 4–8

links each; overflow goes to a dedicated sitemap page, not longer columns.

Put social icons and region/language selectors in the footer, not the nav.
Dark or brand-colored footers are fine — maintain text contrast and mute

the legal strip one step below body links.

E-commerce: include contact details, payment icons, and trust seals; SaaS:

include docs/changelog/status style resource links (Bird).

Anti-patterns — footers

Newsletter forms with no consent/privacy note (every sampled form has one).
Ten-plus link columns or 20-link columns — scannability dies; sampled max

is ~6 columns × ~9 links.

Hiding legal/regulatory content entirely; even the most minimal (Spade,

SOTF) keep a terms/privacy line.

Repeating the entire nav in the footer verbatim instead of curating

intent-based groups.

Decorative giant-logo footers (SOTF-style) on content-heavy sites — that

treatment fits fashion/brand sites, not utility SaaS.