Material 3 Skill vs Orange Clean Paper SaaS

Standalone skill · 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.

Material 3 Skill3/5
After: Tally landing page, made with Material 3 Skill
Orange Clean Paper SaaS3/5
After: Tally landing page, made with Orange Clean Paper SaaS (Meng To)

Scroll either page; the other follows.

Material 3 Skill

3/5

Material 3 applies a full tonal M3 system in Roboto Flex, and the dashboard is dense and solid. On the landing page, icon names print as text and a hero card still covers the balance.

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

FieldMaterial 3 SkillOrange Clean Paper SaaS (Meng To)
Fonts
  • Roboto Flex
  • Material Symbols Rounded
  • Geist (landing)
  • Geist Mono (landing)
  • Inter (dashboard)
  • Inter Tight (dashboard)
Colors
  • primary #386A20 (landing)
  • primary #006B5F (dashboard)
  • #B8F397 primary container
  • M3 tonal surfaces
  • #f6f1e8 paper
  • #fffdf9 card
  • #1f1a14 ink
  • #f2621f orange
  • #ff8a3d light orange
  • #3f8f5f green
Pick it for
  • Android-first apps
  • Google-ecosystem products
  • utility and admin dashboards
  • SaaS landing pages
  • consumer apps
  • fintech onboarding
  • product dashboards
Skip it for
  • brands that need their own identity
  • editorial marketing
  • luxury
  • dark-mode products
  • editorial or luxury work
  • bold brands
Observations
  • landing: icon ligature names print as words ("shopping_cart", "local_gas_station", "payments") in the Syncs card
  • landing hero: a notification card covers the balance, like the baseline
  • seed color changes from green #386A20 on the landing page to teal #006B5F on the dashboard
  • 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 Material 3 Skill

1 Run in your terminal

/plugin marketplace add hamen/material-3-skill
/plugin install material-3@material-3-skill

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

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

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

Taken from the project README. 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.