Neubrutalism vs Sportsbrut
ニューブルータリズム / スポーツブルート
Neubrutalism comes from UI Expression and Sportsbrut from Contemporary Branding. They are reached for with some of the same intent, which is where they get confused.
Neubrutalism
Rebels warmly against the over-polished web with thick borders and blunt color.
Sportsbrut
A sports-graphic style connecting brutalist grids, huge type, and exposed structure with competition, timing, bodies, and scores. Roughness communicates force and urgency rather than institutional refusal.
| Neubrutalism | Sportsbrut | |
|---|---|---|
| Era | 2010s– | late 2010s– |
| Family | UI Expression | Contemporary Branding |
| Kind | Style | Style |
| Cues | Thick black borders / Hard shadows / Vivid color / Flat components | Huge condensed type and jersey numbers cutting across the frame / Coarse halftones, cut-out athletes, and directional blur / Black and white plus one fluorescent or team color / Exposed scores, times, and rankings in heavy ruled grids |
| Best used for | Making a product frank and memorable · Humanity for communities and creator tools | Match promotion, player profiles, and results systems that need immediate force and speed · Sports branding that favors bodies and competition over polished luxury |
| Type | Bold sans, monospace | Expand ultra-bold condensed type to frame width and elevate numbers to the headline level. |
| Composition | Divide into clear boxes; shadows in one direction | Lock photos, records, and names to a heavy orthogonal grid; introduce blur or diagonals in only one direction. |
| Material | Off-white plus vivid color, black borders, few rounded corners | Move between print and screen using coarse halftones, hard cutouts, monochrome, and one fluorescent or team color. |
| Caution | Don't border and shadow everything. Vary the strength by hierarchy. | Bold black type alone becomes web Neubrutalism. Athletes, competitive data, and time pressure must drive the composition itself. |