Designedย by
No items found.
Subject


Bookmark
Bookmark
Patterns
No items found.
Tech Stack
Added on
February 19, 2026

Claude Download Page Structure

Three Columns, Zero Confusion

First thing you notice is how clean this modal feels. Anthropic's "Do more with Claude" page splits into three distinct product cards: Cowork, Claude Code, and Extension. Each one has a clear purpose and doesn't bleed into the others. The soft beige background on the cards against the white modal creates just enough contrast without being heavy.

Smart Visual Hierarchy

The left card does the most work. It's got an illustrated conversation flow showing real use cases like "My downloads folder is a mess! Can you clean it up?" That grounds the abstract concept of "Cowork" in something tangible. The middle and right columns go minimal with simple icon + label + button rows. Consistent install buttons with subtle arrow icons. No extra decoration needed.

What Makes It Stand Out

Typography is sharp. Bold serif headings paired with clean sans-serif body text. The CTA hierarchy is deliberate: "Download for macOS" gets a filled black button while everything else stays outlined. Small detail but it tells you exactly where to start. Restrained color palette too. Basically monochrome with brand icons providing the only color pops.
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