Blue Cloudy Clean Modern vs Orange Clean Paper 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 Daydreamer way: pastel gradients, frosted glass and rounded everything. Software that feels like a nice day. Both are best for: visual direction.

Blue Cloudy Clean Modern3/5
After: Tally landing page, made with Blue Cloudy Clean Modern (Meng To)
Orange Clean Paper SaaS3/5
After: Tally landing page, made with Orange Clean Paper SaaS (Meng To)

Scroll either page; the other follows.

Blue Cloudy Clean Modern (Meng To)

3/5

Blue Cloudy Clean Modern sets Tally in a bright blue sky: soft cloud gradients, white frosted cards, Inter with Instrument Serif italics for the accents. The dashboard keeps the whole sky behind glass panels. It is far from the default and very calm. Pick it for products that want to feel light and reassuring.

Orange Clean Paper SaaS (Meng To)

3/5

Orange Clean Paper SaaS gives Tally a warm, soft SaaS page: paper-toned neutrals, Geist type, rounded cards with soft shadows and a bright orange accent. The dashboard is friendly and clear, with orange bars and a glowing summary card. Pick it for approachable SaaS that wants warmth without a serif.

Side by side

FieldBlue Cloudy Clean Modern (Meng To)Orange Clean Paper SaaS (Meng To)
Fonts
  • Inter
  • Instrument Serif
  • Geist (landing)
  • Geist Mono (landing)
  • Inter (dashboard)
  • Inter Tight (dashboard)
Colors
  • #1747c9 deep blue
  • #2f6fe4 sky blue
  • #5f9bf0 light blue
  • #e8f2fd mist
  • #0d1b3d navy
  • #ffffff white
  • #f6f1e8 paper
  • #fffdf9 card
  • #1f1a14 ink
  • #f2621f orange
  • #ff8a3d light orange
  • #3f8f5f green
Pick it for
  • consumer finance and insurance
  • wellness and travel apps
  • calm SaaS landing pages
  • mobile app sites
  • SaaS landing pages
  • consumer apps
  • fintech onboarding
  • product dashboards
Skip it for
  • dense data tools
  • dark-mode products
  • brands with warm palettes
  • dark-mode products
  • editorial or luxury work
  • bold brands
Observations
  • landing mobile: 393 px wide on a 390 px screen, so it scrolls sideways a little
  • dashboard: white text on mid blue is low contrast in the smaller labels
  • soft shadows and pale cards make some sections blend together
  • warm paper keeps a hint of the default, though the orange and Geist move it away

How the brief works

Install Blue Cloudy Clean Modern (Meng To)

1 Run in your terminal

npx degit MengTo/Skills/agent-skills/web-design/blue-cloudy-clean-modern#main .claude/skills/blue-cloudy-clean-modern

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 Orange Clean Paper SaaS (Meng To)

1 Run in your terminal

npx degit MengTo/Skills/agent-skills/web-design/orange-clean-paper-saas#main .claude/skills/orange-clean-paper-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.