Skip to content
All skills
staqd.ai/previews/artistic
Open

Live demo — an original page built in the Artistic style. Open in new tab

Proaesthetic

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 artistic

Requires 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.

Creative agency and studio sitesPersonal portfolios and zinesCampaign and product launch pages

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

Free

Build 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

Pro
Unlock this prompt with ProUpgrade

Zine layout

Pro
Unlock this prompt with ProUpgrade