Zine

Riso zine on paper: misregistered ink, torn cards, tape and scribbles.

For communities, memes, creators, culture tokens.

Fig. 06 · Zine, top of the sample page
Zine look, top of the sample page
Palettes
Riso, Green Riso, Mono Xerox
Type
Bowlby One, Space Grotesk, Caveat Brush
Motion
Bouncy
Mode
Light
01IdeaSheet 01/07

Handmade and a little weird: riso print, torn paper, stickers and stop-motion.

Why

Almost nothing in the on-chain world looks handmade right now, and that is the opening. Zine leans into print flaws, torn edges and stepped, hand-animated motion.

Hero

A centred headline holds the logo inline like a letter mid-sentence. Two offset ink layers mimic riso printing, with halftone shadows, taped sticker labels and a hand-drawn underline.

02PaletteSheet 02/07

3 palettes, one accent at a time.

Pick a palette or an accent: this page switches to it. Click a color to copy it.

Text on background14.5:1AAA
Muted on background6.3:1AA
Label on accent4.6:1AA

Swap the accent

Every kit can take one of these accents. The page above follows your pick.

03TypeSheet 03/07

3 faces, each with one job.

Specimen · hero headline

A marketplace where AI agents pay per request.

A marketplace for paid APIs built on HTTP 402 payments.

01 Display

Bowlby One

02 Text

Space Grotesk

03 Accent

Caveat Brush

04CompositionSheet 04/07

Stop-Motion Collage

Elements arrive with a stepped, 12 frames per second jitter, stickers peel and slap on as you scroll, and on the hero your cursor leaves a scribble.

  1. 01Hero: headline with the logo inline, riso print
  2. 02Torn-paper feature cards with tape
  3. 03Torn Poster: the name revealed
  4. 04Steps as a handwritten numbered list
  5. 05Token as a stamped receipt
  6. 06FAQ as notes
  7. 07Footer: big halftone wordmark with a taped note
Zine look: the whole desktop page
Zine look: the whole phone page
05MotionSheet 05/07

Stepped and playful: stop-motion at 12fps.

Signature

Stop-Motion Collage

Elements arrive with a stepped, 12 frames per second jitter, stickers peel and slap on as you scroll, and on the hero your cursor leaves a scribble.

Moment

Torn Poster

The name, printed twice in pink and blue slightly out of register, hides under a paper sheet. As you scroll the sheet tears away diagonally, then the ink layers jitter and settle.

  • 01Things move at 12 frames per second, so they feel hand-animated.
  • 02Stickers peel off and slap back on as you scroll.
  • 03The paper sheet tears away in ten jerky steps.
  • 04The pink and blue layers jitter by 2px for 0.6s, then settle.
  • 05Buttons lose their hard shadow in two steps on hover and press.

Built with

  • Smooth scroll
  • Scroll reveals
  • Magnetic buttons
  • Marquee

No intro: the page is there at once. Under reduced motion, everything lands in place.

06DetailsSheet 06/07

The small parts.

Nav
A taped paper strip tilted -1 degree, 52px, Space Grotesk 14px; the active link gets a hand-drawn circle
Buttons
Radius 12, 52px, ink fill with a hard 4px pink offset shadow that drops to 2px on hover, 0 on press
Cards
Torn edges unique to each card, yellow tape corners, rotated up to 1.5 degrees
Cursor
Native, plus a 1.5px ink scribble trail on the hero that fades over 1s
Radii
12, or torn
Grain
6% paper fibre noise plus halftone dots in the shadows
Type
Bowlby One display, Space Grotesk text, Caveat Brush handwritten notes
07WordingSheet 07/07

A sentence with the logo glyph inside it: [start of sentence] {logo} [end]. Max 8 words, lowercase allowed.

Tone: handmade, funny, human.

Button verbs

  • Join
  • Grab
  • Read
  • Say hi

Sticker words like new!, read me, how, faq and the token; section titles read like zine headers, 4 words max, lowercase allowed.

Token

The token receipt prints the shortened contract address like a transaction line, with the local time and a stamped confirmed box, and claims nothing.

Start with Zine.

Use this look
Next lookNo. 07Chrome