Build a Design Reference Library Before You Design

Collect UI references and let Claude sort what's worth copying

Collect, Then Analyze

Good design references are a shortcut, not a shortcut around thinking. Collect a few that fit your goal, then ask Claude to explain why each one works.

Who This Is For

  • Designers and founders who need a starting point for a landing page or app screen.

  • Marketers building a page without a designer on the team.

  • Anyone who keeps staring at a blank screen.

What You'll Build

  • A small library of UI references, each saved with its source and why it caught your eye.

  • A breakdown of layout, type, and color for each reference.

  • A one-page style brief you can give Claude when you draft.

What You'll Need

  • A free account on a design gallery, such as the three sites named in the source: Grainient Supply, Supahero, and Freefaces Gallery (verify each before use).

  • Claude, including the free plan.

  • About thirty minutes to collect and review references.

Going Further

  • Guide: Draft a Simple Landing Page in One Session With Claude (Funnels & Pages)

  • Guide: Write a Website Brief Claude Can Actually Use (Funnels & Pages)

  • Use references for structure and spacing only, never copy another site's text or images.