Split Screen Website Inspiration

A hero divided down the middle — usually text on one side, image or video on the other. Detected from the measured geometry of the first screen.

Cademy

Industrial design education platform teaching Rhino 3D and Grasshopper. Purple accent headlines, macro fabric photo hero, yellow CTA. Built with Webflow for technical training platforms.

Statiq

Performance ad design agency with a dark hero, orange CTA, floating service tags (Landing Pages, Ad Creatives, Emails & More!) scattered around the headline, and a tilted card stack of actual ad creatives below. "5/5 Rating from 250 brands" social proof. Built with Webflow for creative agencies that want their site to hit as hard as the ads they produce.

1042 Studio

German design studio with a split layout putting project carousel on the right and studio description on the left. "TEN FORTY TWO" spelled across the nav, motion-blurred street photography mixed with brand mockups, halftone dot textures, orange accents. Official Framer Expert badge in the footer. Built with Framer for studios that treat their portfolio like a design piece itself.

Artasaka

Design agency portfolio that skipped typical "Our Work" grid for floating mobile mockups showing actual product UI details. "The design department for firms in the AI age" positioning avoiding generic "we make pretty things" messaging. Built with Framer for venture-backed startup targeting.

Digital Court

Digital planning creator who made pink tile grid background the entire brand. Waving hand emoji, lifestyle photo of creator with iPad, newsletter signup front and center. Personal brand meets product shop aesthetic.

Filters (2)

Elementor +4