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.
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
Impeccable
3D Metal Material (Meng To)
Fonts
Archivo (landing)
Schibsted Grotesk (dashboard)
Instrument Serif (landing)
Manrope
JetBrains Mono (landing)
IBM Plex Mono (dashboard)
Colors
#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)
#0a0b0d graphite
#15181c panel
#e2bd6e brass
#c9ced2 steel
#e6a48d copper
#e7eaee text
#8fc7a4 sage
Good fit for
consumer fintech marketing
product launch pages
directories and marketplaces
sports or youth brands
B2C SaaS dashboards
premium fintech and card products
dark product landing pages
hardware and luxury brands
hero visuals
Not great for
luxury or quiet editorial brands
wellness and calm-first apps
long-form reading sites
light or playful brands
low-power devices
teams without WebGL experience
Flaws we saw
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 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