Foundry Industrial
Massive condensed display over a neutral grotesque body, mono reserved for code. Poster headlines that never fight the reading line.
Quick brown foxes jump the fence at 60fps
The body face carries the reading line: long paragraphs, labels, interface copy. It stays out of the display face's way and keeps its own rhythm at small sizes.
const pair = { display, body, mono }; // 0O 1lI
Barlow Condensed · Barlow · JetBrains Mono
// Foundry Industrial - Barlow Condensed (display) + Barlow (body) + JetBrains Mono (code).
// Next.js recipe (next/font/google); expose each as a CSS variable and map your tokens to them.
import { Barlow, Barlow_Condensed, JetBrains_Mono } from "next/font/google";
export const display = Barlow_Condensed({ subsets: ["latin"], weight: ["600", "700"], variable: "--font-display" });
export const body = Barlow({ subsets: ["latin"], weight: ["400", "500", "600"], variable: "--font-body" });
export const mono = JetBrains_Mono({ subsets: ["latin"], weight: ["400", "500"], variable: "--font-mono" });
// <html className={`${display.variable} ${body.variable} ${mono.variable}`}>
// CSS: --f-display: var(--font-display), "Arial Narrow", sans-serif; etc.