Skip to content
Library

INFRINGE. Punk editorial broadsheet with highlighter pen.

  • Media
  • Light theme
  • 5 colors
  • 1 typeface

Infringe operates as a brutalist editorial zine: pure white canvas interrupted by solid black and highlighter-yellow bands, with a single typeface (Archivo Black) that fills entire viewports at 252px or shrinks to 12px captions — nothing in between. The system commits to extremes rather than modulation: every surface is either #ffffff, #000000, or #ffff01, every corner is square, every shadow is absent, every gradient is forbidden. Layouts read as full-bleed magazine spreads — split-screen photography meets type-as-image, with a persistent rotated vertical sidebar anchoring the left edge like a photocopied zine masthead. Color does no decorative work; yellow is a highlighter pen dragged across the page to call out names and sections, never an aesthetic wash.

Screenshot of INFRINGE
Captured from infringe.com on October 11, 2026

INFRINGE design system

INFRINGE

Brand1

  • Accent bands, feature name callouts, section dividers — the highlighter drag that breaks the monochrome

Accent1

  • Rotated category labels and inline links between editorial blocks — the only chromatic voice besides yellow

Neutrals3

  • Display type, sidebar text, structural borders, image outlines, header bands — the ink

  • Input placeholder text, form field borders, secondary metadata

  • Primary canvas, card surfaces, text on black bands

Try a pairing

Pick any two colors from the palette to check whether text stays readable on top.

Aa

Photocopy Black on Highlighter Yellow

19.56 : 1 contrast

Background
Text
  • Body textPasses AA 4.5
  • Large textPasses AA 3
  • StrictPasses AAA 7

More DESIGN.md files. Same web, different personalities.