Riso Zine: a website that looks printed, and proud of it

Riso Zine is the website as a self-published print. Fluorescent pink paper and blue ink. Halftone dots. Heavy poster letters. Images collaged on top of each other. Bands rotated a few degrees. Colours that overprint where they meet, with registration slightly off, the way real riso prints are.

It looks made by people who care, on a machine in the back room.

The specimen, for a fictional zine fair in a multi-storey car park, stacks "Zines, staples, bad coffee." in ultra-heavy blue type on pink, a magenta print collaged off-axis, and a tilted green "Free entry" sticker. The practical line underneath: level 4, Saturday 9 May.

Where it comes from

The risograph is a stencil duplicator made by the Japanese company Riso Kagaku, introduced in the 1980s for fast, cheap office printing. Artists and small publishers adopted it because each drum prints one bright, translucent ink. Layering colours one pass at a time produces rich overprints, and the layers never line up perfectly.

Zines are older: small, self-published magazines made by fans, punks and artists, photocopied and stapled by hand. Riso Zine combines the two: the colour of the risograph and the cut-and-paste spirit of the zine.

What defines it

Palettes

The riso pink palette is built from real risograph drum colours, which is why it reads as printed rather than designed on screen.

Type

• Display: Bowlby One. An ultra-heavy display face for posters and stickers.
• Text: Zilla Slab. A slab with a typewriter accent, strong for listings, labels and specs.

Motion and depth

Motion is handmade, not slick. Images resolve as they enter: a coarse mosaic posterised into the palette, dragged into streaks, then stepping through finer grids to the full picture, like a print coming off the drum. Photographs displace and split their colour under the cursor, as if the layers had shifted. Marquee bands run the programme across the page.

A halftone texture sits over everything, so every colour looks like ink.

How overprinting works on screen

On a risograph, inks are translucent, so where pink prints over blue you get a third colour, a deep purple, for free. On screen, the same effect comes from multiply blending: each colour layer darkens what is beneath it instead of covering it, exactly like ink.

That one rule explains most of the look:

• two drums give you three colours, because of the overlap;
• photographs separated into two inks become duotones with real depth;
• a few pixels of offset between layers produce the slight misregistration of a real print.

It also explains the limit. Every extra ink multiplies the overlaps, which is why a convincing riso page keeps to two or three.

A typical page, section by section

Every site is designed for its own idea, so treat this as a sketch, not a template. A page in this style often runs like this:

1. The poster frame. The name in ultra-heavy type, a collaged image, a sticker with the one fact people need.
2. A rotated marquee of names, titles or stalls.
3. The collage: prints, photographs and scans layered at angles.
4. A hung quote, if a real person said something worth printing.
5. The programme: a schedule or list set like the contents page of a zine.

Then the essentials: where, when, how much and how to get there, in plain rows.

Who it suits

More on these in the use cases for event websites and music artist websites.

How it goes wrong

• A filter, not a print. A halftone overlay on a generic layout does not make a zine. The colour logic, the overprints and the collage do.
• Fake distress. Coffee stains, torn edges and tape. Riso is clean ink with honest imperfection.
• Misregistration on text. Offset layers look great on images and headlines, and terrible on paragraphs. Body text stays sharp.
• Too many colours. A riso print has two or three drums. So does the page.
• Contrast on pink. Pale pink ground needs a deep blue ink. Every pairing is checked for readability.

What to prepare

• The programme or the list: stalls, artists, issues, titles. Zine sites live on their listings.
• Your own scans or photographs. Real prints and real people make the collage.
• The essentials: where, when, how much, how to get there.

Making it yours

• "A zine fair in a car park. Stall map, swap table, coffee. Free entry."
• "An independent bookshop. New arrivals as a printed list, events as a programme."
• "A tape label releasing one cassette a month. Each release gets its own two-colour cover."

Seen a print-style site in the community you love? Remix it and make it yours. For warm print without the noise, see Analog Warmth. For the club-flyer version, Acid Rave. For bright and bouncy, Playful Toybox.