3D Metal Material (Meng To) 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, Landing pages.

Tally landing page made with 3D Metal Material (Meng To)

3D Metal Material gives Tally a dark studio look: Instrument Serif headlines with brass accents and a slowly tilting brushed-steel card in the hero, drawn live with WebGL. The dashboard puts the $640 on a machined steel plate and uses steel, brass and copper finishes on the bars and buttons. It feels premium and is consistent across both pages. Pick it when you want one rich 3D centerpiece on a dark product page.

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

Field3D Metal Material (Meng To)Illustration: Vintage Emblem (Meng To)
Fonts
  • Instrument Serif (landing)
  • Manrope
  • JetBrains Mono (landing)
  • IBM Plex Mono (dashboard)
  • Anton (landing)
  • Libre Caslon Text
  • Work Sans (landing)
  • Oswald (dashboard)
  • Public Sans (dashboard)
Colors
  • #0a0b0d graphite
  • #15181c panel
  • #e2bd6e brass
  • #c9ced2 steel
  • #e6a48d copper
  • #e7eaee text
  • #8fc7a4 sage
  • #f8f0e3 cream
  • #1f2b25 forest ink
  • #c8693f terracotta
  • #d9a873 sand
  • #b5824f tan
  • #3f8273 teal
Good fit for
  • premium fintech and card products
  • dark product landing pages
  • hardware and luxury brands
  • hero visuals
  • heritage and craft brands
  • local businesses
  • food and drink
  • friendly finance with personality
Not great for
  • light or playful brands
  • low-power devices
  • teams without WebGL experience
  • tech and developer tools
  • minimal modern brands
  • dark-mode products
Flaws we saw
  • the WebGL card and plate add weight to the page and need a fallback
  • dashboard: the brass on graphite is subtle, so some labels are low contrast
  • 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 3D Metal Material (Meng To)

1 Run in your terminal

npx degit MengTo/Skills/agent-skills/3d/3d-metal-material#main .claude/skills/3d-metal-material

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.