Liquid Glass Design (ECC) vs Illustration: Vintage Emblem (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 Illustration: Vintage Emblem (Meng To)

The Vintage Emblem skill gives Tally a heritage badge, a sealed envelope inside a stamped emblem, and builds a print-shop brand around it: Anton capitals, Libre Caslon text, cream stock, deep forest ink and terracotta. The dashboard wears the same badge and colors, with Oswald headings. Pick it for brands that want craft, trust and a little nostalgia.

Side by side

FieldLiquid Glass Design (ECC)Illustration: Vintage Emblem (Meng To)
Fonts
  • Bricolage Grotesque (landing)
  • DM Sans (landing)
  • Manrope (dashboard)
  • Anton (landing)
  • Libre Caslon Text
  • Work Sans (landing)
  • Oswald (dashboard)
  • Public Sans (dashboard)
Colors
  • #13212c ink
  • #0f8f7e teal
  • #ff7a59 coral
  • #ffb547 amber
  • #8b7cf6 violet
  • #3f5bd9 blue (dashboard)
  • #e0435a red (dashboard)
  • #f8f0e3 cream
  • #1f2b25 forest ink
  • #c8693f terracotta
  • #d9a873 sand
  • #b5824f tan
  • #3f8273 teal
Good fit for
  • consumer fintech apps
  • iOS companion sites
  • friendly SaaS dashboards
  • wellness and lifestyle products
  • app launch pages
  • heritage and craft brands
  • local businesses
  • food and drink
  • friendly finance with personality
Not great for
  • dense data and admin tools
  • sober enterprise or legal brands
  • long-form editorial sites
  • tech and developer tools
  • minimal modern brands
  • dark-mode products
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
  • the runs are slow and costly next to the web-design skills, because the badge is drawn in SVG
  • dashboard: the tan and terracotta bars are close in tone

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 Illustration: Vintage Emblem (Meng To)

1 Run in your terminal

npx degit MengTo/Skills/agent-skills/illustration/illustration-vintage-emblem#main .claude/skills/illustration-vintage-emblem

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.