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.
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
Neobrutalism (Awesome Design Skills)
Illustration: Outlined Cartoon (Meng To)
Fonts
Inter
JetBrains Mono
Bricolage Grotesque
DM Sans (landing)
Figtree (dashboard)
Colors
#fbfbf9 off-white
#1c293c ink navy
#fdc800 yellow
#432dd7 violet
#ff8fb1 pink (dashboard)
#16a34a green
#1e1b1b ink
#fffdf8 paper
#f6c343 yellow
#6b7fd4 periwinkle
#e5281d red
#4ea54a green
#f6a3b6 pink
Good fit for
playful SaaS landing pages
consumer finance and productivity apps
product dashboards
startup marketing sites
consumer apps
education and kids products
friendly onboarding
community and creator tools
Not great for
conservative brands
luxury products
very dense admin tools
serious finance or legal brands
enterprise software
minimal brands
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 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