Skip to content
staqd

Artistic

Breaks the grid with organic shapes, loose layouts, and illustrated moments.

$9
Version
v1.0.0 · Updated Jul 18, 2026
Context
1,388 tokens
Security
✓ scanned
License
Single seat
Works with
Claude Code, Cursor, Codex
Get notified at launch

Checkout opens soon · launches at $9

staqd.ai/previews/artistic
Open

≈1,388 tokens · v1.0.0

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

About this skill

A creative and expressive design system blending unique illustrations, unconventional layouts, and organic shapes. Its live demo renders a personal portfolio — intro, selected work, about, and contact.

The skill file

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.

  • Typography
  • Layout & spacing
  • Components
  • Motion
  • Accessibility
  • Use it with your AI tool

Preview ends here

Typography, Layout & spacing, Components, Motion, Accessibility & Use it with your AI tool unlock when checkout opens. Get notified

What's inside

  • SKILL.md5.5 KB
v1.0.0Jul 18, 2026sha256: 33a2ca982bc9
staqdMember since Jul 2026 · 69 listings · 5 installsView profile →