Live demo — an original page built in the Riso style. Open in new tab
Riso
A joyful two-color print look with warm paper, fluorescent-pink accents, federal-blue headlines, and offset shadows hand-cranked off a duplicator.
Install via CLI
$ npx staqd add risoRequires 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
Riso is a celebration of the duplicator press: bright, low-fidelity, and unapologetically printed. It mimics the look of running a page through a stencil machine twice, once for federal blue and once for fluorescent pink, on warm recycled paper. The result feels handmade and a little imperfect in the best way, with hard offset shadows standing in for the slight registration drift of real two-color printing. Reach for Riso when you want energy, craft, and personality over corporate polish.
Design principles
- Commit to a strict two-ink palette: federal blue for structure and fluorescent pink for life, plus paper and near-black ink.
- Embrace flatness. Shadows are hard offset blocks, never blurred gradients, echoing misregistered print layers.
- Let type be loud. Oversized headings carry the page; supporting copy stays calm.
- Introduce intentional imperfection: tiny rotations, halftone textures, and overprint blends.
- Keep corners crisp and nearly square so elements read like stamped ink blocks.
- Use whitespace generously so the bright inks never feel muddy.
Color
The canvas is warm paper #FBF6EC with a slightly deeper panel surface #F4E9D6, so layered cards feel like a second sheet. Ink is #1A1A1A, never pure black, to match the softness of real printing. Federal blue #0B3D91 does structural work: borders, headings, table rules, and shadows. Fluorescent pink #FF48B0 is the primary action color and the spark of the system, used for buttons, links, highlights, and key stats. Muted text uses #7A6F5C, a faded sepia that sits naturally on cream. For overprint moments, blend pink and blue at partial opacity to suggest a purple where the inks overlap. In dark mode, invert to a deep ink ground #161310 with paper-cream text, keeping pink at full saturation and lifting blue toward #5B8DEF so it stays legible on dark.
Typography
Headings use Space Grotesk, a geometric grotesque with character, at heavy weights (600–700) and tight tracking (-0.02em) so big titles feel set in metal. Body copy is Inter at 1rem with a comfortable 1.65 line-height for readable zine-length text. Monospace details and captions use Space Mono to reinforce the printed-ephemera feel. Labels, eyebrows, and nav items are uppercase with +0.08em tracking. The scale is dramatic: hero headings clamp between 2rem and 4rem, with clear steps down so hierarchy reads instantly.
Riso is a Pro skill
Unlock the full Riso 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
Zine landing hero
FreeBuild a landing hero in the Riso style: warm off-white paper background, a huge federal-blue headline in Space Grotesk, body copy underneath, and a fluorescent-pink primary button with a hard 4px offset shadow. Add a slight 1–2 degree rotation to one decorative block to feel hand-printed.
Two-color pricing
ProRisograph dashboard
ProMore retro skills
Chomp
retroAn arcade-cabinet aesthetic of chunky 8-bit pixels, vivid primary colors, and coin-op energy that turns any interface into a high-score screen.
Dithered
retroPatterned pixel-grit and controlled noise give clean layouts a tactile, retro-machine character without sacrificing legibility.
Retro
retroA nostalgic system of pixel edges, chunky borders, and warm vintage palettes that recaptures the charm of the early personal-computing web.