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.
The Outlined Cartoon skill draws its own SVG people and objects, with thick black outlines and flat yellow, periwinkle, red and green fills, and builds the whole page around them: chunky Bricolage Grotesque, hard offset shadows and sticker-like cards. The dashboard keeps the cartoon, down to a little character in the summary card. Pick it if you want a friendly, playful product that looks hand-made.
Side by side
Field
3D Metal Material (Meng To)
Illustration: Outlined Cartoon (Meng To)
Fonts
Instrument Serif (landing)
Manrope
JetBrains Mono (landing)
IBM Plex Mono (dashboard)
Bricolage Grotesque
DM Sans (landing)
Figtree (dashboard)
Colors
#0a0b0d graphite
#15181c panel
#e2bd6e brass
#c9ced2 steel
#e6a48d copper
#e7eaee text
#8fc7a4 sage
#1e1b1b ink
#fffdf8 paper
#f6c343 yellow
#6b7fd4 periwinkle
#e5281d red
#4ea54a green
#f6a3b6 pink
Good fit for
premium fintech and card products
dark product landing pages
hardware and luxury brands
hero visuals
consumer apps
education and kids products
friendly onboarding
community and creator tools
Not great for
light or playful brands
low-power devices
teams without WebGL experience
serious finance or legal brands
enterprise software
minimal brands
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 take far longer than the web-design skills, because every illustration is drawn by hand in SVG
the hard offset shadows on every card make long pages busy