Neumorphism vs Liquid Glass Design

Awesome Design Skills · ECC

Tied at 4/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.

Neumorphism4/5
After: Tally landing page, made with Neumorphism (Awesome Design Skills)
Liquid Glass Design4/5
After: Tally landing page, made with Liquid Glass Design (ECC)

Scroll either page; the other follows.

Neumorphism (Awesome Design Skills)

4/5

Neumorphism turns Tally into soft grey plastic: a warm stone surface, cards and buttons that look raised or pressed in, Space Mono type and one deep teal accent. The dashboard carries it through with pressed-in progress bars, a recessed chart and a ring gauge. It is one of the few runs where the style holds on every card without falling apart. Pick it for calm, tactile tools where readability is not the top concern.

Liquid Glass Design (ECC)

4/5

Liquid Glass Design builds Tally out of frosted glass panels floating over soft mint, peach and periwinkle light, set in Bricolage Grotesque and DM Sans. The dashboard keeps the glass in Manrope and stays readable. Pick it if you want a friendly, Apple-flavored product that looks nothing like the cream-and-serif default.

Side by side

FieldNeumorphism (Awesome Design Skills)Liquid Glass Design (ECC)
Fonts
  • Space Mono
  • JetBrains Mono
  • Bricolage Grotesque (landing)
  • DM Sans (landing)
  • Manrope (dashboard)
Colors
  • #e7e5e4 stone
  • #eceae9 raised stone
  • #006666 teal
  • #1e2938 ink
  • #00a63d green
  • #fe9900 amber
  • #ff2157 red
  • #13212c ink
  • #0f8f7e teal
  • #ff7a59 coral
  • #ffb547 amber
  • #8b7cf6 violet
  • #3f5bd9 blue (dashboard)
  • #e0435a red (dashboard)
Pick it for
  • calm personal-finance and wellness apps
  • device and smart-home dashboards
  • portfolio or concept pieces
  • small product dashboards
  • consumer fintech apps
  • iOS companion sites
  • friendly SaaS dashboards
  • wellness and lifestyle products
  • app launch pages
Skip it for
  • accessibility-first products
  • content-heavy marketing sites
  • dense data tables
  • dense data and admin tools
  • sober enterprise or legal brands
  • long-form editorial sites
Observations
  • low contrast between cards and the page is the nature of this style, and some grey labels are faint
  • monospace body text makes longer paragraphs slow to read
  • dashboard desktop: the payee column in the transactions table wraps onto two lines
  • the landing (teal, coral, amber) and the dashboard (blue-led) shift the accent color between pages
  • the skill is written for SwiftUI; on the web the glass is CSS blur, so it leans on backdrop-filter support

How the brief works

Install Neumorphism (Awesome Design Skills)

1 Run in your terminal

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

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 Liquid Glass Design (ECC)

1 Run in your terminal

npx degit affaan-m/ECC/skills/liquid-glass-design#main .claude/skills/liquid-glass-design

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.