Live demo — an original page built in the Artistic style. Open in new tab
Artistic
An expressive, hand-made style blending organic blobs, playful illustration, and unconventional layouts into interfaces that feel like a living sketchbook.
Install via CLI
$ npx staqd add artisticRequires Pro — after subscribing, run npx staqd login to authenticate.
Pro skill
from $12/mo
$20/mo, or $12/mo billed yearly · 7-day money-back guarantee.
Inside this skill
Artistic throws out the rigid grid and treats the screen like a sketchbook spread. Organic blobs, hand-drawn squiggles, sticker-like badges, oversized expressive type, and bold flat color combine into interfaces that feel made by a person, not a template. It is loud, warm, and a little irreverent—designed to express personality and stop the scroll. Reach for Artistic on creative studio sites, personal portfolios, zines, and launch campaigns where standing out matters more than blending in.
Design principles
- Embrace the hand-made: squiggles, doodles, organic blob shapes, and slight rotations beat clean perfect geometry.
- Break the grid deliberately—overlap elements, stagger alignment, and let pieces spill past tidy margins.
- Go big with type: oversized display headings and dramatic size contrast are the main event.
- Use bold flat color blocks and hard offset shadows for a confident, printed, sticker-book feel.
- Mix media: illustration and text coexist and overlap rather than living in separate boxes.
- Keep it joyful but legible—chaos is curated, body content stays readable.
Color
The canvas is a warm cream (#FBF6EE) that reads like recycled paper and lets bold colors sing. Surfaces are pure white (#FFFFFF) framed by a thick ink outline (#231942)—here the border token is a real, visible design element, not a hairline. Foreground text is the same deep ink #231942. The primary accent is a hot pink (#FF5C8A); the secondary is a teal (#5BC0BE), and an amber (#FFC94D) rounds out the playful palette for color blocks, blobs, and badges. Muted text uses #8A8198. The signature shadow is a hard, offset solid block in the ink color rather than a soft blur, giving elements a cut-and-paste sticker presence.
For dark mode, shift to a deep plum canvas #1B1430, surfaces #241B3D, foreground #F7F1E8, muted #A79CBA, with the outline in #F7F1E8. Keep pink, teal, and amber vivid against the dark, and render the offset block shadow in pure black for punch.
Artistic is a Pro skill
Unlock the full Artistic 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
- Commercial-use rights on skill output
$20/mo, or $12/mo billed yearly · 7-day money-back guarantee.
Use it with these prompts
Studio hero
FreeBuild a hero section in the Artistic style: an oversized expressive serif headline on a warm cream canvas, an organic blob shape behind it, a hand-drawn squiggle underline, and a pink primary button with a hard offset block shadow.
Playful gallery
ProZine layout
ProMore aesthetic skills
Neumorphism
aestheticA soft, extruded interface where elements appear to push out of or press into a single continuous surface using paired light and dark shadows.
Perspective
aestheticA spatial design system that uses angled planes, layered depth, and foreshortening to give flat screens a dynamic, three-dimensional sense of direction.
Neobrutalism
aestheticA loud, high-contrast look built from chunky shapes, hard black edges, and unapologetically blocky color that refuses to whisper.