Web Design
Squish landing page hero
The primary hero section for the Squish Framer template, featuring a bold headline, an AI-generative tool value proposition, and a striking visual of a 3D orange and black cube floating over a soft floral landscape.
About
The brief I gave myself for Squish was simple: what does an AI SaaS landing page look like when it's not trying to look like every other AI SaaS landing page? Most of them default to dark mode, glowing gradients, the same sans-serif. Squish went the other way — light, soft, almost tactile.
The hero is the template's opening argument. A bold headline anchors the left side, clean and direct. On the right, a 3D orange and black cube floats above a blurred floral landscape — geometric and organic in the same frame, which is kind of the whole visual logic of the template. The value prop sits underneath, small enough to not compete with the visual.
Squish is a free Framer template built for AI tools, creative apps, and startups that want a high-impact identity without defaulting to the usual SaaS aesthetic. It's been picked up by a few thousand people since launch.
What I Find Inspiring About This
The decision I keep coming back to is the 3D object against an organic background. It shouldn't work — a hard-edged cube over soft flowers — but the contrast is what makes the hero section feel surprising rather than predictable. That tension between control and softness runs through the whole Squish design system, and the hero is where it's most legible.
Getting the hierarchy right in a hero section is harder than it looks. There's a pull to fill the space, to add a subheading and a badge and a social proof line and two CTAs. Squish resists that. The headline, the visual, one line of copy, one button. Trusting the layout to do the persuading rather than stacking more words on top of it — that's the call I'm most satisfied with in this one.
