Live demo — an original page built in the Sketch style. Open in new tab
Sketch
A friendly hand-drawn style with warm cream paper, soft teal accents, handwritten headings, pill controls, dashed outlines, and pencil-like offset shadows.
Install via CLI
$ npx staqd add sketchInside this skill
Sketch is the look of a smart idea jotted in a notebook: warm paper, confident handwriting, and a friendly teal pen. It trades slick precision for charm, using dashed outlines, rounded pill controls, and pencil-like offset shadows to make interfaces feel approachable and human. The style invites participation, which makes it perfect for tools where people brainstorm, learn, or play. Reach for Sketch when you want warmth and personality, and when a little imperfection makes the product feel more inviting, not less trustworthy.
Design principles
- Everything feels hand-placed: slight rotations, dashed lines, and offset shadows over rigid perfection.
- Friendly geometry: pill-rounded controls and soft cards lower the stakes for the user.
- Warm, paper-first palette with ink linework so the screen reads like a notebook page.
- A clear two-color voice: teal for actions, amber for highlights and play.
- Handwriting for personality, rounded sans-serif for clarity; never sacrifice readability.
- Keep contrast high so the friendly look still feels crisp and legible.
Sketch is a Pro skill
Unlock the full Sketch spec — design tokens, component coverage, motion, and accessibility — plus the entire library of design skills and Pro prompts.
- Every design skill, growing weekly
- Full Pro prompt library + unlimited MCP
- Commercial-use rights on output
Use it with these prompts
Hand-drawn hero
FreeBuild a landing hero in the Sketch style: warm cream paper background, a big handwritten Caveat headline in ink, rounded Nunito body text, a teal pill button with a 3px hard ink offset shadow, and a dashed-outline illustration placeholder card slightly rotated like it was pasted on.
Notebook feature grid
ProWhiteboard app shell
ProMore editorial skills
Paper
editorialA clean, tactile interface inspired by real sheets of paper—soft shadows, gentle layering, and generous whitespace that make screens feel calm and physical.
Cafe
editorialA warm, handcrafted aesthetic of roasted earth tones, soft paper textures, and relaxed serif type that makes an interface feel like a favorite corner table.
Doodle
editorialA hand-drawn, sketchy interface full of wobbly lines and playful imperfection that makes products feel friendly, human, and creative.