Preview image. Unlock full-res
Dark navy hero with navbar, spreadsheet-control headline, and overlapping Webflow-Airtable sync illustration.
Summary
Dark navy hero with navbar, spreadsheet-control headline, and overlapping Webflow-Airtable sync illustration.
Visual description
Dark navbar with Whalesync logo, dropdown nav links for Connections, Solutions, and Resources, Docs and Pricing, plus Log in and blue Get started. Hero opens with 2-WAY SYNC badge, row of colorful connector icons, and 10+ CONNECTORS label. Oversized white headline Control your apps from a spreadsheet with explanatory subcopy and Get started free CTA. Below, overlapping UI cards show dark Webflow CMS table and light Airtable spreadsheet with matching highlighted row, dotted blue lines to a floating sync toggle and active connection list.
Key takeaway
Overlapping dark and light product cards with one highlighted row makes abstract sync tangible. Connector badge row above the headline establishes breadth before the demo lands the mechanism.
Reuse notes
Capture includes navbar but the design move is the hero demo. Needs real product UI screenshots and a clear mirrored data row. Best on dark backgrounds with room for layered cards.
