Bold gives Tally a poster: huge uppercase Archivo Black headlines, thick black borders with hard offset shadows, a blue-and-yellow accent pair and a tilted phone in the hero. The dashboard keeps the same voice with a black sidebar, a big black "spent so far" card and striped red for the over-budget envelope. Both pages read clearly and work on a phone. Pick it when you want a product page that shouts.
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
Bold (Awesome Design Skills)
3D Metal Material (Meng To)
Fonts
Archivo Black
Archivo
JetBrains Mono
Instrument Serif (landing)
Manrope
JetBrains Mono (landing)
IBM Plex Mono (dashboard)
Colors
#111111 near-black
#ffffff white
#0077bc blue
#ffd23f yellow
#f3f1ea paper
#dc2626 red
#0a0b0d graphite
#15181c panel
#e2bd6e brass
#c9ced2 steel
#e6a48d copper
#e7eaee text
#8fc7a4 sage
Good fit for
consumer apps with a loud brand
launch and campaign pages
SaaS landing pages
product dashboards that need personality
premium fintech and card products
dark product landing pages
hardware and luxury brands
hero visuals
Not great for
quiet enterprise tools
luxury or editorial brands
dense data tables
light or playful brands
low-power devices
teams without WebGL experience
Flaws we saw
landing: the hero headline is so large that the value line and buttons sit low on a laptop screen
dashboard: heavy borders on every card make the page feel busy in long lists
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