Silk Screen

Serigraphy Design System — Edition 01 / Limited Pull

01

Color Palette — Spot Ink Tray

Every screen print begins with a limited set of spot colors. Each ink is mixed by hand and pulled through its own screen. The palette is intentionally restrained — three to five colors per print run, plus the paper stock itself as a "color."

Hot Red #D42B2B Primary actions, headlines, emphasis
Cobalt Blue #1A4B9C Links, secondary elements, info
Cadmium Yellow #EDB820 Accents, highlights, warnings
Black Ink #1A1812 Body text, borders, shadows
Kraft Stock #D8C8A0 Page background, paper base
Cream Stock #EDE4CC Card backgrounds, input fields
Red Halftone 35% opacity dots Tinted areas, pattern fills
Press Green #3A7D44 Success states, confirmations
Print note: Colors overprint using mix-blend-mode: multiply to simulate ink layering. Where red and blue overlap, you get a rich dark violet. Where yellow and red meet, a deep orange. This is fundamental to the screen-printing process — each pass lays down another transparent ink film.
02

Typography — Press Type

Screen-printed typography favors bold, condensed faces that read clearly through the mesh. Display type is massive, unapologetic, all-caps. Body copy stays clean and functional.

Archivo Black
Display — Archivo Black / 700 / All-caps
Bebas Neue Condensed
Headline — Bebas Neue / 400 / Tracked wide
Inter is used for body copy, captions, and UI text. Its clean geometry and large x-height ensure legibility at small sizes. The neutrality of the face lets the bold poster typography do the heavy lifting while Inter handles the fine print.
Body — Inter / 400-700 / 1.6 line-height
Space Mono 400 — 0123456789 !@#$%
Mono — Space Mono / 400-700 / Code, labels, metadata

Type Scale

5XL / Display PRINT RUN
4XL / H1 PRINT RUN
3XL / H2 PRINT RUN
2XL / H3 PRINT RUN
XL / H4 PRINT RUN
Base / Body The squeegee drags ink across the screen.
SM / Caption Edition of 50, signed and numbered.
XS / Label PANTONE 185 C • 4-COLOR SEPARATION
03

Spacing — Registration Grid

Spacing is based on a 4px unit, like registration marks on a print. Consistent spacing keeps layers aligned across screens.

XS — 4px
--space-xs
SM — 8px
--space-sm
MD — 16px
--space-md
LG — 32px
--space-lg
XL — 64px
--space-xl
2XL — 96px
--space-2xl
04

Buttons — Pull Handles

Buttons are bold, flat, and tactile. The offset shadow simulates the slight lift of a freshly pulled print. On press, the shadow collapses as the button "stamps" down.

Variants

Sizes

Button Group

05

Forms — Print Order

Form elements are direct and functional, like filling out a print shop order form on kraft paper.

The name for this edition
06

Cards — Print Editions

Cards represent individual prints in a series. Each card is a flat panel with bold borders and registration color bars, like a poster fresh off the drying rack.

07

Alerts — Press Notices

Status messages styled as print shop bulletin board notices.

Registration Check

Align all screens to the registration marks before pulling. Check test prints on proof stock first.

Print Complete

Edition of 50 pulled successfully. Prints are drying on the rack. Allow 24 hours before handling.

Ink Running Low

Cadmium Yellow supply at 15%. Mix a new batch before continuing the print run to avoid color inconsistency.

Screen Torn

The mesh on Screen #3 (blue separation) has torn. Recoat and re-expose before printing. Current run is halted.

08

Navigation — Screen Index

Navigation elements with the bold, high-contrast treatment of screen-printed signage.

Nav Bar

Breadcrumb

09

Design Principles — The Print Shop Manifesto

01

Flat Separations

Each color is a distinct, flat layer of ink. No gradients within a single screen — use halftone dots or split fountains instead. If you can't print it through a mesh, it doesn't belong.

02

Embrace Imperfection

Slight misregistration between color layers is not a bug. It's the signature of a hand-pulled process. Let the red drift, let the blue shift. The energy comes from the imprecision.

03

Limited Palette

Constraint breeds creativity. Three to five spot colors per composition. Every new color means another screen, another pass, another chance for the print to evolve.

04

Paper is a Color

The substrate is an active participant. Kraft, newsprint, cotton rag — the paper's color and texture show through everywhere ink doesn't cover. Design with the stock, not against it.

05

Bold Before Subtle

Screen printing rewards decisiveness. Thick lines over thin. Big type over small. High contrast over nuance. The squeegee doesn't do delicate — it does powerful.

06

Every Pull is Unique

No two prints are identical. Ink coverage varies, registration shifts, pressure changes. This is the democratic medium — multiples that are each one-of-a-kind.


10

Halftone Patterns — Dot Screens

CSS-only halftone dot patterns using radial gradients. These simulate the photographic screens used to break images into printable dots.

Red Halftone — Standard
Blue Halftone — Standard
Yellow Halftone — Standard
Red Halftone — Dense
Blue Halftone — Loose
Black Halftone — Standard