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.
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
Impeccable
Illustration: Outlined Cartoon (Meng To)
Fonts
Archivo (landing)
Schibsted Grotesk (dashboard)
Bricolage Grotesque
DM Sans (landing)
Figtree (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)
#1e1b1b ink
#fffdf8 paper
#f6c343 yellow
#6b7fd4 periwinkle
#e5281d red
#4ea54a green
#f6a3b6 pink
Good fit for
consumer fintech marketing
product launch pages
directories and marketplaces
sports or youth brands
B2C SaaS dashboards
consumer apps
education and kids products
friendly onboarding
community and creator tools
Not great for
luxury or quiet editorial brands
wellness and calm-first apps
long-form reading sites
serious finance or legal brands
enterprise software
minimal brands
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 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