Live demo — an original page built in the Fiction style. Open in new tab
A storybook style with warm cream pages, bold rounded type, saturated color blocks, thick inky outlines, and friendly hand-drawn shapes.
Install via CLI
$ npx staqd add fictionFiction is the warmth of a well-loved picture book — cream pages, fat rounded letters, and bold blocks of color held together by confident inky outlines. Everything feels hand-made and friendly, like an illustration come to life. Reach for it when you want a product to feel approachable, joyful, and human: kids' apps, family tools, gentle onboarding, or any brand that wants to disarm rather than impress.
Unlock the full Fiction spec — design tokens, component coverage, motion, and accessibility — plus the entire library of design skills and Pro prompts.
Build a warm welcome hero in the Fiction style: cream page, a chunky rounded headline in ink, a hand-drawn squiggle underline in orange, and a big pill button with a thick black outline and a soft offset block shadow.
A clean, tactile interface inspired by real sheets of paper—soft shadows, gentle layering, and generous whitespace that make screens feel calm and physical.
A warm, handcrafted aesthetic of roasted earth tones, soft paper textures, and relaxed serif type that makes an interface feel like a favorite corner table.
A hand-drawn, sketchy interface full of wobbly lines and playful imperfection that makes products feel friendly, human, and creative.