Foreplay

Item: Foreplay
Rating: 7.4

Save, research and brief winning ads from ad libraries.

foreplay.co Save page

7.4/10MABTU rating

DESKTOP · 1440 × 11,508/ ↗

MOBILE · 390

Section outline · Home

01heroThe Complete Winning Ad Workflow1,216
02media textYour new secret weapon for ads892
03features gridSpark creative genius and crush competitors.2,860
04portfolioIdentify winning patterns and replicate success.1,840
05testimonialsBringing performance & creative teams together.1,698
06features gridMiles beyond the status quo913
07features gridReady to ship more winning ads?1,056
08footerCan’t find what you’re looking for?922

Rating · Home

Visual design7.9

UX & clarity7.5

Originality7.3

Craft & consistency7.8

Motion6.5

Performance & a11y7.7

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

Main colours

Mixed sections·black background·mono

Typography

Inter Displayheading · sans · self-hosted Interbody · sans · self-hosted

Stack & style

Webflow jQuery

Minimal 3D Dark tech Product-UI-led Logo cloud Sticky header Tabs

Also: Meta Pixel, Cookiebot, Google Tag Manager, reCAPTCHA, Cloudflare, Google Analytics, PostHog

Design DNA

Near-black canvas with a clean grotesk, centred two-line headlines and small white pill buttons. The hero drops straight into a large analytics dashboard under a two-row monochrome logo wall. Feature rows pair a short left column (eyebrow, heading, two buttons, bullet links) with a wide screenshot card, each anchored by a glossy 3D glass object (crystal, folder, magnifier, pill). Two white rounded panels break the dark rhythm: a before/after diagram and a collaboration orb with avatars. Closes with a laptop-on-desk CTA and a dense five-column footer with a live ad counter.

Worth borrowing

Anchor each feature row with one glossy 3D glass object tinted to that feature's colour.
Drop a white rounded panel into a dark page to mark the 'before vs after' story.
Put a live running counter of saved ads in the footer as quiet social proof.