Media design systems
83 tokenized DESIGN.md references for media products and brands.
Berlin editorial magazine and shop — NHaas Grotesk Bold on white, volcanic red full-bleed sections, zero border radius, ink-on-white commerce grid.
Editorial film brutalism — pure monochrome, NB International Web at extreme negative tracking, zero radius corners, and darkened cinematic imagery as atmosphere.
Warm parchment editorial — an everyday-life interiors magazine rendered in Futura, Times, and an unhurried ochre accent that reads like afternoon light on uncoated paper
Condé Nast's luxury shelter magazine design system — warm ivory canvas, ink-dark editorial type, Adobe Garamond Pro headlines, CNSans utility chrome, and a strictly monochromatic palette that lets photography command every page.
Adventure-editorial design system for a hidden-wonders travel publication — warm parchment canvas, deep teal brand presence, and a proprietary serif-display pair that turns every story into a field note.
Field-guide cream meets midnight-navy depths, with Abril Text serif headlines and amber CTAs anchoring bird-conservation editorial gravity
Token-first design system reference for Bandcamp.
Terminal-heritage financial media system — pure black masthead, paper-white editorial canvas, a single high-voltage Bloomberg Orange accent, and BWHaasGroteskWeb carrying every surface from headline to data ticker.
Editorial warmth for a culinary events studio — a near-black ink on warm off-white canvas, oversized serif headlines paired with a quiet grotesque body, generous whitespace and image-first storytelling. Minimal chrome, no rounded flourish, color carried by photography not UI.
A travel and style magazine's digital archive rendered as an almost-silent grid — parchment ground, a single near-black ink, two proprietary typefaces, and an ocean of space where decoration refuses to live
Cyberpunk-manga web3 energy — near-black canvas, electric magenta-pink accent, bold condensed display type and clean geometric sans body, neon glow as the signature depth move, and angular tactile cards inspired by Japanese clan/biker (bōsōzoku) culture.
Browser-default brutalism: Times New Roman, hyperlink blue, and zero decorative intent since 1995
Ritual brutalism — blood-red on pure black, no rounded corners, no decoration. A winter-solstice arts festival that treats the screen like a poster wall; stark uppercase sans-serif, oversized editorial type, and a single sacrificial red as the only color that survives the dark.
Pure black canvas, Neue Haas Grotesk headlines punching at 36px with tight negative tracking, DrukWide uppercase section stamps, and a zero-color philosophy where editorial photography carries all the chromatic weight.
Longform editorial storytelling on a warm paper canvas — a large serif display voice, generous measure, hairline rules, and restrained ink with a single oxblood accent. Reading is the interface; chrome recedes so the essay and its archival imagery lead.
Editorial activist minimalism — a near-black ink (#231f20) on white canvas, a single electric orange (#ff5000) as the load-bearing accent, the custom Lelo grotesque for everything and a heavier DBW display cut for headlines, with generous pill radii and an index-card directory aesthetic.
Editorial brutalism in pure black and white — Folio (Bitstream grotesque) typography with tight display tracking (-0.06em), bordered pill buttons that invert black/white on hover, hairline 1px outlines, dashed-border tags, and a gallery-grid index of numbered interviews on stark white.
Monochrome editorial system for the world's most influential architecture and design magazine — ink-black canvas, pure white type, orange hover flashes, zero decoration.
Browser-native video studio minimalism — near-black canvas, high-contrast white ink, a single electric violet accent, geometric Inter-style sans with tight display tracking, and softly rounded surfaces that frame timeline and canvas previews like product chrome.
Cartoon-joyful Web3 branding — a candy pastel rainbow palette on a clean off-white canvas, fat rounded display type set on near-black ink, big squishy pill buttons, and oversized 24px+ rounded cards that feel hand-drawn and toy-like.
A bold, playful generosity experiment — near-black ink on pure white, a single hot-red heart accent, oversized display headlines with tight tracking, scattered poetic copy and animated heart-emoji lists. Editorial warmth with zero corporate chrome.
Modern home and architecture media system — clean editorial grid on white, Noe Text serif headlines, Theinhardt sans chrome, and a vivid indigo accent that signals every interaction.
Gallery-grade editorial minimalism for digital art — near-black ink on pure white, oversized tight-tracked display headlines, uppercase mono micro-labels for utility chrome, sharp-cornered cards letting full-bleed artist imagery carry the page.
White canvas streetwear media — HS Sans Bold uppercase at tight negative tracking for all display, a near-achromatic black-and-white palette with a single electric yellow accent, and editorial photography doing every chromatic job the chrome refuses.
Editorial gallery minimalism for a New Hollywood photography exhibition — a near-black canvas with bone-white text, a high-fashion serif display for titles paired with a clean grotesque for body, generous letter-spacing on small caps labels, and photography-first layouts where typography defers to the image.
Pure white canvas, Univers Next Variable at extreme negative tracking, full-bleed fashion photography, and the winking i-D logotype as the only ornament.
Editorial archive minimalism — Inter at light and medium weights on a pure-white page, near-black
Token-first design system reference for It's Nice That.
Editorial gallery confidence — a warm paper-white canvas with near-black ink, a single bright vermilion accent, oversized grotesque display type for show titles, and quiet underline-only links that let the artwork carry the color.
Futura PT uppercase masthead over OCR-B monospace catalogue type, near-monochrome ink-on-cream, zero-radius rectangles.
Transitional serif type on ink-ruled white canvas — slow-living editorial translated into digital stillness
Warm editorial minimalism for a curated social club — soft cream canvas with deep ink text, a quiet terracotta accent, a refined serif for headlines paired with a clean grotesque for body, generous whitespace, and gently rounded pill CTAs that feel intimate rather than corporate.
A cool blue-black canvas where serif headlines and a singular electric green turn film-watching into a social ritual.
High-energy padel club brand — Henrietta serif headlines over Plakatgrotesk grotesque body, an electric cobalt blue on a warm cream "off-white" canvas, tiny 3px radii and pill buttons, playful sports-event energy with countdowns, mascots and scarcity messaging.
Warm-cream playful — a candy-bright personality-quiz brand on a toasted ivory canvas (#FFF3E1) with near-black coffee ink (#1c0f00), hot-pink and orange primaries, big squishy radii (22–40px), and rounded display type (CreatoDisplay + ZTChintzy) that feels like a sticker book.
Editorial design-publication system — PolySans grotesque for UI/body paired with Heldane and Self Modern serif display, oversized negative-tracked hero type, warm cream and cool gray surfaces on white, a single electric-orange selection accent, and oversized pill radii on tags and avatars.
Editorial reference-book aesthetic — warm paper-cream canvas with near-black ink, a single vermilion accent, grotesque-meets-serif typography, hairline rules, and a technical-diagram visual language that treats the page like a printed textbook on how software is built.
Surrealist gallery noir — a near-black canvas with bone-white serif display type, photographic high-contrast monochrome, hairline rule borders, and a single rayograph-silver accent. Editorial restraint that treats the screen like a darkroom print.
The internet's reading room. Medium sets a warm cream canvas (#f7f4ed) under an enormous GT Super serif headline, near-black ink, a single black pill CTA, and Sohne sans for chrome, so the whole identity reads as one quiet statement, where the words are the design.
Quiet institutional editorial — a national art museum identity built on a warm paper canvas, near-black ink, and a single confident accent. Generous whitespace, restrained sans-serif type, and gallery-like calm where the artwork leads and the chrome recedes.
Pitch-black editorial canvas for a sound design studio — full-bleed work imagery on pure black, off-white grotesque type with tight tracking, near-invisible UI chrome, and a single bright signal accent. Sound made visual through restraint and contrast.
White canvas, MoMA Sans weight 900, a stark black-and-white structural field with a single sky-blue ticket accent — institutional authority through deliberate typographic weight
A print magazine that wandered onto the web with its serif intact — Plantin set in confident uppercase, a single saturated Monocle yellow reserved for the subscribe button, and a salmon news-banner up top, all riding a clean white page that reads like a freshly-pressed broadsheet.
Cinematic Alpine editorial — full-bleed video, an ivory paper canvas with near-black ink, wide-tracked uppercase navigation, and a quiet serif/sans pairing that lets photography and air carry the page.
A deep, warm near-black canvas where editorial restraint and curated cinema meet — Suisse Int'l at featherweight tracking, a single amber-cognac accent, and full-bleed film stills as the atmosphere of the entire interface.
Lunar luxury after dark — a near-black night-sky canvas warmed by champagne-gold accents, editorial high-contrast serif display headlines over clean sans body, generous letterspaced uppercase labels, and soft hairline borders that frame content like a moonlit terrace.
Playful financial-education museum identity — bold orange-and-purple pairing on a warm cream canvas, rounded speech-bubble shapes, friendly geometric sans headlines, and oversized pill CTAs that turn money literacy into a theme-park experience.
The most recognizable dark interface in entertainment — a pure black canvas where Netflix Sans runs heavy and white, the iconic
Stark white canvas, Univers Condensed in uppercase all the way down, and a raw schedule-grid aesthetic that puts broadcast function before decoration
Music criticism's paper of record — near-black header, paper-white editorial canvas, PT Serif long-form reading, FeatureFlatDisplay bold heds, and a single alarm-red accent for the subscribe CTA and every hover flash.
A bone-white gallery wall where black-framed film key art does all the talking and Proxima Nova steps quietly aside
Adobe Garamond Pro editorial serif paired with Canada Type Gibson sans, ink-black on white with a single cardinal red accent
White-canvas gaming media with electric magenta headlines, Montserrat black weight, neon-green category badges, and a bold editorial grid built for enthusiast audiences.
Token-first design system reference for Poolsuite.
Editorial design system for science's most design-forward publication — deep cosmic backgrounds, bold serif display type, and a single solar-orange accent anchoring a near-monochromatic ink palette.
The global authority on electronic music culture — paper-white canvas, utilitarian sans at every scale, a single coral-red brand mark, and an information-dense grid that treats every pixel as schedulable real estate.
Token-first design system reference for Serpentine Galleries — London's avant-garde art institution, rendered in radical monochrome with asymmetric card shapes and organic custom typography.
Sesame Sans display over Source Sans Pro body, character-coded primary buttons in sky blue, orange, magenta, purple, and red, all 9999px pill radii.
Warm off-white canvas, custom Fugue grotesk, and terracotta punctuation — contemporary design journalism at the intersection of gallery and magazine
The orange that owns audio. SoundCloud pairs its unmistakable hot-orange (#ff5500) with a near-black
Content-first dark music interface — near-black canvas, SpotifyMixUI bold/regular binary, pill-and-circle geometry, heavy shadows, and tightly scoped Spotify Green accent reserved for functional moments.
Editorial research-report minimalism — Beausite Classic grotesque with tight negative tracking, oversized display headlines (up to 120px), pure-white canvas with warm off-white sections, true-black ink, and a tri-tone accent kit (electric blue, lavender, orange) used as section signals. Geist Mono for technical/index labels.
A book publisher's site set entirely in the Ivar serif family on a warm near-black ground, where the only color comes from the spines of the books themselves and a single metallic-gold link — a quiet, library-at-night reading room rendered in CSS.
Token-first design system reference for Substack.
Playful creative-education energy — a punchy primary palette (electric blue, hot pink, sunshine yellow) color-blocked against a near-black ink, oversized rounded geometric sans headlines, fully-rounded pill buttons, and chunky soft-cornered cards that feel hand-built and friendly rather than corporate.
Editorial design system for a 165-year-old American magazine — serif authority, restrained ink palette, and a single flame-red accent that carries the full weight of the brand.
Near-black slate canvas, Mercury serif authority, and gold-ink restraint in service of cinema's greatest works
Type-forward editorial minimalism for a design book — near-black ink on warm off-white paper, a single molten-orange accent (#f9652f) that carries every CTA and emphasis, Inter set tight with negative tracking, and numbered section markers that frame the page like a printed table of contents.
Fashion intelligence on a white page — Futura TGW set in a single weight across an undecorated grid, with one decisive teal reserved for the masthead, and black rules doing the structural work that other magazines leave to imagery.
Token-first design system reference for The New Yorker.
Heldane serif at 16-26px on bone-white paper, ivy-green accents, hand-set quarterly chrome built around the issue color
Pure-black sports and culture editorial built on GT America, sky-blue pill CTAs, and photograph-first storytelling.
Tabloid red masthead, 104px all-caps TheSun, kicker-blue links, no whitespace anywhere.
Acid mint headlines, 90px Manuka over black, ultraviolet focus rings, rave-flyer story tiles.
Pure-black canvas minimalism from the Instagram lineage — near-black surfaces with white ink, a system-font sans stack, soft-rounded post cards, muted gray secondary text, and a single restrained blue accent reserved for follow/links. Quiet, text-first, conversation-led.
Editorial restraint for a production studio — a near-monochrome canvas, large clean sans-serif headlines, indexed work entries (a, b, c, d), blurred photographic thumbnails, and generous whitespace that lets the work do the talking.
Live-streaming's signature purple, weaponized. Twitch builds its whole identity on one electric violet (#9147ff) that fills the primary button, tints every link, and washes the footer banner, set against a near-black app canvas and crisp white marketing pages with a tight Roobert-grotesque headline and Inter UI labels.
Civic-editorial confidence built on the United States Postal Service's flag-derived palette — Postal Blue and Postal Red over clean white, with a bold sans display voice, generous editorial whitespace, and timeline-driven storytelling for a generational research report.
Conservation editorial — warm cream canvas with deep forest-green ink, earthy moss and bark accents, generous wildlife photography, and a calm institutional voice. Restrained sans-serif typography over soft-radius cards.
Reductive modernist editorial — near-black ink on warm off-white paper, a monospace voice for labels and metadata, generous gallery whitespace, hairline rules instead of boxes, and zero decoration. A curation blog that reads like a printed design annual.
A photo app that designs like a gallery wall — VSCO Gothic in oversized uppercase headlines, a black-and-white canvas that steps out of the way of the imagery, square corners everywhere, and a single warm amber pill for the one action that matters.
Newsstand-density editorial system — paper-white canvas, ink-black headlines, hairline rules, custom serif display + technical mono kickers, single ink-blue accent for links. Strictly square corners, no shadows, no cards.
Immersive WebGL party energy — Spotify Wrapped reimagined as a live event. Maximalist neon gradients over near-black canvas, oversized condensed display type, vivid candy accents (magenta, lime, cyan, violet), pill-shaped controls, and high-saturation playful chrome built for full-screen motion.