Neobrutalism puts Tally on warm off-white with thick navy borders, hard offset shadows and flat yellow and violet blocks. The landing has a CSS phone with sticker-like envelope cards; the dashboard uses a dotted background, yellow highlights on the date and summary cards, and a clean transactions table. It is bold but still easy to read on both pages. Pick it for playful products that want a confident, graphic look.
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.
Side by side
Field
Neobrutalism (Awesome Design Skills)
3D Metal Material (Meng To)
Fonts
Inter
JetBrains Mono
Instrument Serif (landing)
Manrope
JetBrains Mono (landing)
IBM Plex Mono (dashboard)
Colors
#fbfbf9 off-white
#1c293c ink navy
#fdc800 yellow
#432dd7 violet
#ff8fb1 pink (dashboard)
#16a34a green
#0a0b0d graphite
#15181c panel
#e2bd6e brass
#c9ced2 steel
#e6a48d copper
#e7eaee text
#8fc7a4 sage
Good fit for
playful SaaS landing pages
consumer finance and productivity apps
product dashboards
startup marketing sites
premium fintech and card products
dark product landing pages
hardware and luxury brands
hero visuals
Not great for
conservative brands
luxury products
very dense admin tools
light or playful brands
low-power devices
teams without WebGL experience
Flaws we saw
dashboard: the pink and violet chart bars add colors that are not in the rest of the system
the run did not check the page in a browser, but our screenshots show no breakage
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