Doodle style

The notebook-margin look: wobbly pen lines, scribbled arrows, tiny characters, stars, and marks that feel drawn in the moment.

notebook margin drawingslittle hand-drawn scribbleswobbly sketch iconspen doodles around the textcasual marker drawing stylemessy hand drawn arrowsschool notebook sketch lookthe drawings you make while on a phone calldoddle style

See it

Live demo coming soon

What it is

Doodle style turns the quick marks of a notebook margin into a visual system: loose loops, uneven outlines, arrows, stars, faces, underlines, and tiny improvised characters. The line should feel made in one pass, with changes in pressure and spacing. Mr Doodle's wall-filling black-and-white drawings show the dense, maximal end of the style.

Reach for it when polished geometry feels too formal. Doodles can warm up onboarding, annotate a screenshot, frame a campaign headline, or give an education product the energy of working notes. A small recurring set of marks creates more identity than a different sketch beside every paragraph.

Gotcha: spontaneous-looking does not mean random. Scribbles can obscure content, fake arrows can look interactive, and repeated stock doodles quickly expose the system. Reserve them for emphasis and atmosphere, keep real controls conventionally shaped, and redraw repeated marks rather than cloning one identical asset.

Ask AI for it

Add a restrained doodle style around this content. Draw loose SVG arrows, loops, stars, underlines, and tiny faces with round line caps, uneven spacing, and two slightly different stroke widths. Distort selected paths with a low-frequency SVG feTurbulence plus feDisplacementMap filter, but leave text and control outlines untouched. Use one ink color, keep doodles out of hit targets, and make three hand-drawn variants for any mark that repeats.

You might have meant

naive artcollage cut papergrunge distressedmascotwhimsical playful ui