Pencil Draft
A hand-drawn sketch aesthetic where everything looks drafted by pencil on notebook paper. Wobbly borders via SVG turbulence filters, sketch-style fonts, ruled-paper backgrounds, and a pencil-gray palette create the feeling of ideas still in
Apply this design skill
Read the SKILL.md at https://joincommons.cc/api/items/pencil-draft and apply its design language to my project
Designed by humans. Applied by agents.
Design Language
A hand-drawn sketch aesthetic where wobbly SVG-filtered borders, handwritten fonts, notebook-paper backgrounds, and a pencil-gray palette make every interface feel like a designer's working draft — raw, honest, and intentionally imperfect.
Agent instructions (SKILL.md)(advanced)
Design Skill
This skill generates digital interfaces that look and feel hand-drawn with pencil on notebook paper. It enforces a pencil-gray palette (#4A4A4A dominant), handwritten Caveat font for headings, wobbly SVG-filtered borders on containers, notebook-ruled backgrounds, dashed line styles, and intentional imperfections through slight element rotations. The result is raw, creative, and unmistakably sketchy.
