Liquid Glass Design (ECC) vs Impeccable

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.

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.

Impeccable

4/5

Impeccable drops the cream-and-serif default for a loud navy, orange and primary-color landing page set in heavy Archivo, then builds a calmer pine-and-lime dashboard. Pick it if you want a product page with real energy that still holds up on a dense screen.

Side by side

Field	Liquid Glass Design (ECC)	Impeccable
Fonts	Bricolage Grotesque (landing) DM Sans (landing) Manrope (dashboard)	Archivo (landing) Schibsted Grotesk (dashboard)
Colors	#13212c ink #0f8f7e teal #ff7a59 coral #ffb547 amber #8b7cf6 violet #3f5bd9 blue (dashboard) #e0435a red (dashboard)	#151a33 navy #f0661f orange #17834b green #2a55c9 blue #f2b62d gold pine rail oklch(0.29 0.045 168) lime oklch(0.89 0.16 124)
Good fit for	consumer fintech apps iOS companion sites friendly SaaS dashboards wellness and lifestyle products app launch pages	consumer fintech marketing product launch pages directories and marketplaces sports or youth brands B2C SaaS dashboards
Not great for	dense data and admin tools sober enterprise or legal brands long-form editorial sites	luxury or quiet editorial brands wellness and calm-first apps long-form reading sites
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	dashboard: money figures print with a space before the comma ("$5 , 400") dashboard desktop: an empty gap sits under the spending chart landing: the page runs 6,836 px and the zigzag feature sections start to feel repetitive the landing (navy and orange) and the dashboard (pine and lime) share little color

The baseline with no skill How 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 Impeccable

1 Run in your terminal

npx impeccable install

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

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

Then run /impeccable init inside your AI coding tool.

Taken from the project README. Check the source for the latest instructions.