Experimental / loud
UI Layouts hero pattern
hero-social-app
Use this when growth, sharing loops, and playful conversion cues are central to the product story.
Sketch mode should feel like a concept board brought to life: marker borders, annotations, and intentional roughness with one clear reading path.
annotated wireframe
note 1
The same message set is restructured through layout, type scale, surface treatment, and narrative rhythm that change from one family and style to another.
note 2
Under the catalog sits a renderer-family system, so multiple styles can reuse a skeleton while still feeling clearly different in visual language.
note 3
Each route makes the trade-offs between clarity, materiality, density, novelty, and conversion feel explicit instead of merely swapping palettes.
Style intelligence
A hand-drawn direction with wobbly borders, paper textures, and playful intentional imperfection.
Compare against
Maximalist
Sketch prioritizes "wobbly outlines, paper texture, and intentional imperfection"; Maximalist gives a different read within the same family.
Best fit
Creative brands, education products, workshops, and playful concept landing pages
Structural signature
Avoid
Practical takeaway
This route demonstrates how the same product can be art directed in radically different directions by changing layout, hierarchy, materiality, and density with intention.