What is MIT Technology Review's primary brand color?

MIT Technology Review does not operate a single brand voltage in the conventional sense. The primary CTA button uses mint aqua — the most frequently occurring pastel-neon token — as its background fill against a near-black canvas. But the same mint aqua also fills AI-section card backgrounds, making it a section-classifier as much as a brand accent. The golden yellow used for the hero display headline is a second chromatic moment of similar prominence. The system is better described as a section-palette system than a single-voltage brand: six pastel neon tones (mint aqua at frequency 54, chartreuse at 20, sage at 11, lavender at 11, peach at 10, sky blue at 10) each identify a content category. MIT's historical brand color is cardinal red, but it does not appear in the captured marketing chrome.

What typefaces does MIT Technology Review use, and what should I use as a substitute?

MIT Technology Review runs three typefaces: NeueHaas for all display and heading tiers (62px, 40px, 26px, 18px) at weight 600; NeueHaasText for body paragraphs and small labels at weight 400 and a bold 700 label variant; and TRMono — a custom monospace face — appearing exclusively in section-identifier labels at 10px uppercase. NeueHaas is a proprietary Linotype grotesk; the closest open-source substitute for the display and heading tiers is Inter at weight 600 with -0.01em letter-spacing adjustment. For NeueHaasText at body sizes, IBM Plex Sans at weight 400 is a close match. TRMono can be approximated by IBM Plex Mono at 10px uppercase with 0.04em letter-spacing.

Why does MIT Technology Review use zero border radius throughout?

The entire captured surface — every card, every CTA button, every text input, every section divider — uses either 0px or approximately 1px border radius. This is not an oversight but a direct consequence of the academic-register aesthetic the publication cultivates. MIT's print magazine tradition uses squared-off editorial frames; the digital system inherits the same compositional grammar. For comparison, Wired uses 4–8px on cards, The Verge uses 8–12px on cards and pill-shaped tags, and Axios uses a minimal 2px on cards. MIT Technology Review's flat-cornered approach places it closer to The Financial Times or The Economist in the spectrum of editorial radius choices — formality through sharpness.

How does the section-color system work, and why are the colors so vivid against black?

MIT Technology Review assigns a distinct pastel-neon color to each editorial section — mint aqua for AI content, chartreuse yellow-green for climate/energy, sage green for biotech, lavender for computing, peach-orange for space and transport, sky blue for emerging technology. These colors fill the background of section-card components in the editorial grid, making the section affiliation of each article readable at a glance without text-based labels. The colors are calibrated at high lightness (L 0.80–0.91 in Oklch) to read vividly against both the near-black hero canvas and the white below-fold canvas. The dark counterpart fills (deep teal, wine, forest green, navy) are used in inverted card variants within dark-background sections. Bloomberg uses a similar section-color system for its market and industry verticals; MIT Technology Review's version is more chromatic and more systematically applied.

Can I use this DESIGN.md to build an academic or research publication site?

Yes — the file is designed to be fed into Claude, Cursor, or any AI tool that reads structured design tokens. The agent will reproduce MIT Technology Review's specific moves: near-black hero with golden-yellow display headline, mint-aqua sharp-cornered CTA, pastel-neon section-category card fills, NeueHaas-equivalent weight 600 across all display tiers, and TRMono for section-identifier labels. All token references resolve without invention. The caveat for direct replication: the section-palette system requires a clear content taxonomy where articles map cleanly to a small number of recurring categories. Publications with fluid or cross-category editorial structures will find the color-per-section discipline hard to maintain consistently.

MIT Technology Review Design System

MIT Technology Review's design system as a DESIGN.md file.

About MIT Technology Review DESIGN.md

Curated by Dov AzencotUpdated May 19, 2026Source technologyreview.com

News & Publishing
Education & Learning

MIT Technology Review's homepage opens with a near-black canvas, a 62px golden-yellow headline, and a mint-aqua subscribe button at 0px radius. It is the most deliberately academic-looking home page in technology journalism. Where Wired leans into neon-saturated tech-bro energy and The Verge uses a system-level rounded-corner grammar, MIT Technology Review stays flat and compositional — sharp edges throughout, pastel-neon accents filling section card backgrounds rather than appearing on CTAs or nav chrome, and a monospace face (TRMono) reserved for the smallest section-identifier labels.

The DESIGN.md file packages the system into a machine-readable spec for React and AI tools. Inside: 18 color tokens — a near-black structural layer for the dark hero, a white canvas for editorial content below the fold, six pastel-neon section-category accent fills (mint aqua, chartreuse, sage green, lavender, peach, sky blue), and dark counterpart fills for each section's inverted card variant. Twelve typography tokens span NeueHaas in three display sizes at weight 600, NeueHaasText in two body and label tiers at weight 400, and TRMono at 10px for the single monospace-identifier moment. The radius scale has one value: effectively zero. Sixteen components cover the sharp-cornered CTA, the colored-fill section cards, the TRMono section labels, and the newsletter input module.

Feed this file to an AI coding tool and it reproduces MIT Technology Review's specific moves: near-black hero with pastel-neon colored-fill section cards, NeueHaas 600 as the single display weight, sharp corners everywhere, golden-yellow display headline, and TRMono for the section-identifier label tier only. The discipline worth borrowing for academic or research publications: using color as a section-classifier rather than as a brand accent creates a navigational system that lets readers identify content categories at a glance — a UX choice driven by editorial function rather than brand marketing.

What makes it distinct

Pastel-neon section palettesix distinct accent colors (mint aqua, chartreuse, sage green, lavender, peach, sky blue) fill section-category card backgrounds rather than appearing as brand chrome
Yellow display headline on near-blackthe hero h2 runs in golden yellow on a dark canvas, a pairing closer to a scientific journal cover than to consumer tech publishing
NeueHaas weight 600 across all displaythe system never goes to 400 or 700 for headings; a single semibold weight handles every editorial hierarchy tier
TRMono at 10px for section identifiersa custom monospace face appears only in the smallest label tier, adding academic-register texture without committing to a full mono voice
Zero border-radius throughoutevery card, input, button, and panel in the system runs at 0px or approximately 1px; there is no pill or rounded-corner treatment anywhere on the editorial surface

Live at technologyreview.com

A snapshot of the brand in production. Hover the frame to scroll the page; click to visit.

technologyreview.com

Explore MIT Technology Review

Pick what you want to see — mockups, colors, typography, layout, or the full component list.

Brand & Accent

Sparing, CTA-only voltage.

Surface

Page and card backgrounds.

Text

Headlines, body, captions, muted.

Borders & Hairlines

Dividers, outlines, structural rules.

Other

Specialty colors.

MIT Technology Review design system FAQ

Common questions about MIT Technology Review's tokens, components, and how to use this DESIGN.md in your project.

Specs, directories, and component libraries that pair with this design system.

Browse all design systems

The full directory of DESIGN.md files on shadcn.io, with live mockups for each.

MIT Technology Review — official site

MIT Technology Review's public marketing site — the source of truth for the live tokens captured in this file.

The DESIGN.md specification

Google Labs' open spec for machine-readable design system files — the format this page is built on.