Clay Base landing page

Clay Base landing page, light-mode, illustrated, light

Preview image. Unlock full-res

A light SaaS landing page with a centered hero, hand-drawn illustrations, and soft purple accents throughout the page.

Summary

A light SaaS landing page with a centered hero, hand-drawn illustrations, and soft purple accents throughout the page.

Visual description

The page opens with a simple top navigation, a small logo at left, and text links plus a sign-up button at right. The hero area uses a split composition with a line-art illustration on the left and a large headline, subheadline, and two CTA buttons on the right. Below, stacked sections alternate between soft white panels and pale tinted bands, with cards, illustrated figures, a product UI screenshot, and a large yellow wave-like graphic near the lower half. The overall look is airy, with generous whitespace, thin outlines, and muted purple and yellow accents.

Key takeaway

The main idea is a clean SaaS landing page built from friendly line-art illustrations and restrained color accents. The layout stays simple, but the illustration system and soft section breaks give it character.

Reuse notes

Use this pattern for developer tools or early-stage SaaS products that need to feel approachable without becoming playful in a childish way. It works best when paired with simple CTAs, modular feature cards, and light pastel accent colors.

More hero sections

See all

More like this