Clean Minimal Beige Light Mode vs Product Proof SaaS

Meng To · 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.

Clean Minimal Beige Light Mode3/5
After: Tally landing page, made with Clean Minimal Beige Light Mode (Meng To)
Product Proof SaaS3/5
After: Tally landing page, made with Product Proof SaaS (Meng To)

Scroll either page; the other follows.

Clean Minimal Beige Light Mode (Meng To)

3/5

Clean Minimal Beige Light Mode keeps Tally soft and quiet: warm beige shells, Geist on the landing and Inter Tight on the dashboard, a muted sage accent and one dark panel for emphasis. It is closer to the default than most, but the sans type and calm grid set it apart. Pick it for understated products that want to feel calm.

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 Minimal Beige Light Mode (Meng To)Product Proof SaaS (Meng To)
Fonts
  • Geist (landing)
  • Geist Mono (landing)
  • Inter Tight (dashboard)
  • JetBrains Mono (dashboard)
  • Inter Tight (landing)
  • JetBrains Mono (landing)
  • Geist (dashboard)
  • Geist Mono (dashboard)
Colors
  • #f3eee6 beige
  • #f9f6f1 surface
  • #2a2620 ink
  • #5f7d5a sage
  • #b9774a clay
  • #2b2823 dark panel
  • #ffffff white
  • #f3f7fd pale blue
  • #0d1117 ink
  • #1d6ef2 blue
  • #667085 grey
  • #d33a2c red (dashboard)
Pick it for
  • calm consumer apps
  • wellness and lifestyle products
  • minimal SaaS
  • personal finance
  • SaaS landing pages
  • AI products
  • B2B tools
  • product dashboards
Skip it for
  • bold or loud brands
  • dark-mode products
  • data-dense tools
  • brands that need personality
  • editorial or luxury work
  • dark-mode products
Observations
  • beige and a sage accent keep it near the default palette
  • low contrast overall; some labels are faint
  • 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 Minimal Beige Light Mode (Meng To)

1 Run in your terminal

npx degit MengTo/Skills/agent-skills/web-design/clean-minimal-beige-light-mode#main .claude/skills/clean-minimal-beige-light-mode

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.