--- id: web-social-proof-footer title: "Website Social Proof & Footer Patterns" category: pattern platform: web tags: [testimonials, social-proof, footer, newsletter, sitemap] sources: - "https://mobbin.com/sites/sections/1a0904da-e870-48b5-bd03-18e75cbb8de3" - "https://mobbin.com/sites/sections/15b459ef-ab1a-4648-8f36-940ab45d4731" - "https://mobbin.com/sites/sections/02e3c65c-ed1d-42b0-9439-4c285f360e44" - "https://mobbin.com/sites/sections/eed4c66c-5c16-4493-945c-0ce6610ce9d4" - "https://mobbin.com/sites/sections/25b74d46-54e3-4564-9a7d-044360efd897" - "https://mobbin.com/sites/sections/58a55724-34ad-4dc5-accb-743f3b00cd68" - "https://mobbin.com/sites/sections/84369ba1-6d5b-4709-9bdc-0dbe58183c62" - "https://mobbin.com/sites/sections/f1844604-7696-4970-b30e-43a7669e9ee1" - "https://mobbin.com/sites/sections/6d088b40-a574-4e35-905c-bff022cfc5d5" - "https://mobbin.com/sites/sections/c6e14a19-78bb-4396-9a3d-387d3f996980" - "https://mobbin.com/sites/sections/dfd1f2e5-2a98-4621-95dd-3786d5b5d07b" - "https://mobbin.com/sites/sections/5271842f-2780-414a-b9f6-aed741bbb222" - "https://mobbin.com/sites/sections/572867f5-c7e0-47e1-bb03-d135047170ff" - "https://mobbin.com/sites/sections/6efab40e-de5e-4dff-bf1c-b28c818a934d" updated: 2026-07-08 --- # 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](https://mobbin.com/sites/sections/1a0904da-e870-48b5-bd03-18e75cbb8de3) 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](https://mobbin.com/sites/sections/15b459ef-ab1a-4648-8f36-940ab45d4731) 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](https://mobbin.com/sites/sections/eed4c66c-5c16-4493-945c-0ce6610ce9d4) renders a masonry wall of genuine tweets — avatars, @handles, verified badges, inline product screenshots — deliberately uneven card heights signal "real, unedited". [Mixpanel](https://mobbin.com/sites/sections/02e3c65c-ed1d-42b0-9439-4c285f360e44) 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](https://mobbin.com/sites/sections/84369ba1-6d5b-4709-9bdc-0dbe58183c62) 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](https://mobbin.com/sites/sections/58a55724-34ad-4dc5-accb-743f3b00cd68) 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](https://mobbin.com/sites/sections/25b74d46-54e3-4564-9a7d-044360efd897) 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](https://mobbin.com/sites/sections/dfd1f2e5-2a98-4621-95dd-3786d5b5d07b) 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](https://mobbin.com/sites/sections/6efab40e-de5e-4dff-bf1c-b28c818a934d) 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](https://mobbin.com/sites/sections/6d088b40-a574-4e35-905c-bff022cfc5d5) 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](https://mobbin.com/sites/sections/c6e14a19-78bb-4396-9a3d-387d3f996980) 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](https://mobbin.com/sites/sections/5271842f-2780-414a-b9f6-aed741bbb222) 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](https://mobbin.com/sites/sections/f1844604-7696-4970-b30e-43a7669e9ee1) 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](https://mobbin.com/sites/sections/572867f5-c7e0-47e1-bb03-d135047170ff) (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.