Clean vs Product Proof SaaS

Awesome Design Skills · Meng To

Tied at 3/5 on the same brief. Pick by fit: the rows below show where each one is stronger.

Both built the Tally landing page in the same Claude Code test, and both design the Minimalist way: white space, one accent, and the confidence to leave things out. Both are best for: visual direction.

Clean3/5
After: Tally landing page, made with Clean (Awesome Design Skills)
Product Proof SaaS3/5
After: Tally landing page, made with Product Proof SaaS (Meng To)

Scroll either page; the other follows.

Clean (Awesome Design Skills)

3/5

Clean gives Tally a calm white and slate page with one blue accent, Poppins headings over Roboto, Inconsolata figures and an 8px spacing grid. The dashboard is just as plain: white cards, blue bars and color only where status matters. It is tidy and readable, though it looks like many SaaS templates. Pick it as a safe, neutral starting point.

Product Proof SaaS (Meng To)

3/5

Product Proof SaaS puts the product first: a white page with a large, readable app screen right under the headline, Inter Tight, mono labels and a single blue accent. The dashboard is clean Geist with blue bars and a clear overspend alert. It is focused and credible, if plain, and the mobile dashboard scrolls sideways. Pick it for SaaS pages that need to show the product working.

Side by side

FieldClean (Awesome Design Skills)Product Proof SaaS (Meng To)
Fonts
  • Poppins
  • Roboto
  • Inconsolata
  • Inter Tight (landing)
  • JetBrains Mono (landing)
  • Geist (dashboard)
  • Geist Mono (dashboard)
Colors
  • #ffffff white
  • #f8fafc slate wash
  • #2563eb blue
  • #eff6ff blue tint
  • #111827 ink
  • #15803d green
  • #ffffff white
  • #f3f7fd pale blue
  • #0d1117 ink
  • #1d6ef2 blue
  • #667085 grey
  • #d33a2c red (dashboard)
Pick it for
  • SaaS landing pages
  • admin and settings screens
  • internal tools
  • starter templates
  • SaaS landing pages
  • AI products
  • B2B tools
  • product dashboards
Skip it for
  • brands that need personality
  • editorial or luxury sites
  • playful consumer apps
  • brands that need personality
  • editorial or luxury work
  • dark-mode products
Observations
  • generic: hard to tell apart from other blue-on-white SaaS pages
  • dashboard mobile: 590 px wide on a 390 px screen, so it scrolls sideways
  • plain blue-on-white styling; the strength is the structure, not the look

How the brief works

Install Clean (Awesome Design Skills)

1 Run in your terminal

npx degit bergside/awesome-design-skills/skills/clean#main .claude/skills/clean

2 Or paste a prompt into Claude Code, Codex, Cursor or Gemini

It tells your tool to install this from its source repository.

This install is for Claude Code only; for other agents use Copy prompt or copy the skill folder.

Copies just this skill's folder into your project's .claude/skills.

Check the source for the latest instructions.

Install Product Proof SaaS (Meng To)

1 Run in your terminal

npx degit MengTo/Skills/agent-skills/web-design/product-proof-saas#main .claude/skills/product-proof-saas

2 Or paste a prompt into Claude Code, Codex, Cursor or Gemini

It tells your tool to install this from its source repository.

This install is for Claude Code only; for other agents use Copy prompt or copy the skill folder.

Copies just this skill's folder into your project's .claude/skills.

Check the source for the latest instructions.