Designedย by
No items found.
Subject


Bookmark
Bookmark
Category
Patterns
No items found.
Added on
May 9, 2020

Proof Academy Structure

A Clean Academy Page That Just Works

Proof's Academy landing page is a masterclass in restraint. The hero section pairs a bold serif headline with an embedded video preview, immediately telling you what you're getting: a free crash course on website personalization. That deep indigo CTA button pops hard against the white background.

Trust and Structure

Below the fold, a logo bar featuring ProfitWell, Bench, Tithe.ly, ShipBob, and KlientBoost builds credibility fast. Then three pillars break the course down: Philosophy, Frameworks, Implementation. Simple icons, short descriptions. No fluff.

The Lesson Grid Does the Heavy Lifting

Six lesson cards with real video thumbnails and timestamps give you the full picture at a glance. You can see this thing is genuinely under one hour. Each card shows lesson number, title, and duration. It feels approachable, not overwhelming.

What Makes It Stand Out

The typography mix works well. Big serif headings for emotional pull, clean sans-serif for body copy. The consistent use of that indigo/purple accent color ties everything together without feeling monotonous. Two CTA placements feel natural, not pushy.
Similar screens

Upgrade to SaaSFrame Pro now to see similar examples.

Monthly

$18 /month

Billed $18 monthly
Browse all screens & flows
Filter and search screens & flows
Search text in screenshots
Access Figma files
Access mobile versions
Join now

Quarterly

$16 /month

Billed $48 quarterly
Browse all screens & flows
Filter and search screens & flows
Search text in screenshots
Access Figma files
Access mobile versions
Join now

Yearly

$15 /month

Billed $180 yearly
Browse all screens & flows
Filter and search screens & flows
Search text in screenshots
Access Figma files
Access mobile versions
Join now