Surfe

Item: Surfe
Rating: 7.2

B2B prospecting, contact enrichment and CRM sync for sales teams.

7.2/10MABTU rating

DESKTOP · 1440 × 12,565/ ↗

MOBILE · 390

Section outline · Home

01heroDark photo hero, pill CTAs, rating
02logosTwo-row logo grid
03tabsTeam tabs with photo and stat card999
04featuresNavy band, alternating UI features2,446
05aiSearch input over 3D blue wave751
06statsStat tiles and chart card1,251
07securityBadges on dune photo1,081
08integrationsIntegration diagram1,134
09resourcesPartners, blog cards, FAQ854
10ctaWave CTA and navy footer569

Rating · Home

Visual design7.5

UX & clarity7.2

Originality6.8

Craft & consistency7.4

Motion6.0

Performance & a11y7.7

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

Main colours

Mixed sections·white background·muted

Typography

Baltoheading · font · self-hosted Interbody · sans · self-hosted

Stack & style

Swiper Webflow Google Fonts GSAP GSAP ScrollTrigger jQuery

Corporate / clean Photography-led Product-UI-led FAQ accordion Live chat Logo cloud Stats band Sticky header Tabs

Also: Google Tag Manager, Cloudflare, Cookiebot, Google Analytics

Design DNA

White and deep navy bands with a light grotesk for headlines. Hero is a dark teal-toned photo of a woman at a laptop with white headline and pill buttons. A dense logo grid, then tabbed solutions by team with a photo, UI overlay and stat card. A navy band stacks three alternating features with light UI screenshots, then glossy blue 3D wave renders behind an AI search input, stat tiles, a chart card, a security block on a blue dune photo, an integrations diagram, partner photos, blog cards and FAQ.

Worth borrowing

Use one glossy blue 3D wave render as a recurring backdrop for inputs and CTA bands.
Tab solutions by team (SDR, AE, RevOps, Marketing) with a photo plus UI overlay per tab.
Place compliance badges over a moody landscape photo for a calm trust section.