Whalesync

Item: Whalesync
Rating: 7.2

Two-way data sync between apps like Airtable, Webflow and Postgres.

whalesync.com Save page

7.2/10MABTU rating

FAQ

DESKTOP · 1440 × 15,741/ ↗

MOBILE · 390

Section outline · Home

01heroNavy hero with overlapping table cards1,109
02logosCustomer logos on navy295
03diagramApp icons connected to logo tile1,059
04use casesFour use-case cards with table sketches1,463
05stepsThree-step explainer with UI2,082
06testimonialsNavy quote grid1,434
07comparisonTwo columns and Zapier video1,688
08productTabbed dashboard screenshot and feature cards2,565
09connectorsApp-pair chip grid785
10ctaElectric blue band with pixel corners835

Rating · Home

Visual design7.5

UX & clarity7.3

Originality7.0

Craft & consistency7.2

Motion6.0

Performance & a11y7.7

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

Main colours

Mixed sections·white background·vivid

Typography

Geistheading · sans · google Geistbody · sans · google Geist Monoaccent · mono · google

Stack & style

Webflow Splide jQuery Bootstrap

Sharp / geometric Dark tech Product-UI-led FAQ accordion Logo cloud Process steps Sticky header Tabs Testimonial slider

Also: PostHog

Design DNA

Alternating deep navy and white bands, both ruled with thin blueprint gridlines. Headlines use a tight geometric sans; eyebrows and buttons use small uppercase mono. Hero shows two overlapping table cards (Webflow and Airtable) with a sync connector chip. Diagrams connect app icons through dotted lines to a bright blue logo tile. Use-case cards show paired table sketches, a navy testimonial grid, a Zapier comparison with a YouTube thumbnail, a connector grid of app pairs, and an electric blue CTA band with pixel-block corners.

Worth borrowing

Draw a thin blueprint grid across every band so varied sections feel like one system.
Show integrations as pairs of app icons in bordered chips rather than a single logo wall.
Break the CTA band edges into stepped pixel blocks in lighter blues.