Liquid Glass Design (ECC) vs Editorial Portfolio Chapters (Meng To)

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. Shared tasks: Visual direction.

Tally landing page made with Liquid Glass Design (ECC)

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.

Tally landing page made with Editorial Portfolio Chapters (Meng To)

Editorial Portfolio Chapters tells the Tally story in color-blocked chapters: clay, sage, mist and ochre panels on a black page, Inter Tight headlines and a hot orange signal color. The dashboard carries the same muted chapter colors into the envelope bars and ends on a big orange call to action. Pick it if you want a confident, art-directed product that still reads cleanly.

Side by side

FieldLiquid Glass Design (ECC)Editorial Portfolio Chapters (Meng To)
Fonts
  • Bricolage Grotesque (landing)
  • DM Sans (landing)
  • Manrope (dashboard)
  • Inter Tight
  • Inter
  • JetBrains Mono (landing)
Colors
  • #13212c ink
  • #0f8f7e teal
  • #ff7a59 coral
  • #ffb547 amber
  • #8b7cf6 violet
  • #3f5bd9 blue (dashboard)
  • #e0435a red (dashboard)
  • #0f0f0d ink
  • #f2eee6 paper
  • #ff5b24 signal orange
  • #dcbca4 clay
  • #b9c3aa sage
  • #b0bfcc mist
  • #dcc684 ochre
Good fit for
  • consumer fintech apps
  • iOS companion sites
  • friendly SaaS dashboards
  • wellness and lifestyle products
  • app launch pages
  • portfolio and studio sites
  • product storytelling pages
  • lifestyle and consumer brands
  • editorial dashboards
Not great for
  • dense data and admin tools
  • sober enterprise or legal brands
  • long-form editorial sites
  • conservative finance brands
  • dense admin tools
  • single-color brand systems
Flaws we saw
  • 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
  • landing: the hero is a phone and cards on a clay panel, so the first screen is less striking than the chapters below
  • dashboard: the muted envelope colors are close in value and harder to tell apart

The baseline with no skillHow the brief works

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.

Install Editorial Portfolio Chapters (Meng To)

1 Run in your terminal

npx degit MengTo/Skills/agent-skills/web-design/editorial-portfolio-chapters#main .claude/skills/editorial-portfolio-chapters

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.