Skip to content

Raw, Brutalist OG Cards on Demand

Heavy borders, offset shadows, exposed grids, and one violent neon accent — the direction that broke the AI-generic look and became the default for teams that want to stop the scroll.

Oginify Open Graph card in brutalist style — oversized condensed black headline 'OGINIFY / OG CARDS, RAW.' with a thick bar
Brutalist · Oginify1200 × 630 · og:image

Why Choose Oginify

Brutalist is the look that broke the AI-generic feed in 2026 — Linear's launches, Vercel's product posts, half of Hacker News's most-shared cards. Below: what defines it, who's already shipping it, and why it's a different animal from neo-brutalist.

Signature Characteristics

Heavy 3–6px black borders, hard flat shadows with zero blur, one saturated neon accent (yellow, lime, or magenta) doing the entire color job, max-weight black headlines stretched edge-to-edge, raw system or default web fonts, and grids that deliberately break — content shoves against margins instead of breathing inside them.

Who Actually Ships It

Gumroad leans on raw blocks and oversized type across its product pages. Bloomberg Businessweek covers turn each issue into a brutalist poster. Balenciaga and MSCHF use stripped HTML as a fashion statement. Awwwards' brutalism collection and Are.na's interface both treat constraint as the aesthetic.

Vs Neo-Brutalist

Same skeleton — black borders, flat shadows — opposite temperature. Brutalist is raw: black canvas, one neon, no comfort, designed to confront. Neo-brutalist swaps the black for cream, the neon for pastel sticker blocks, and adds tilted ★ badges. Pick brutalist for manifestos and shock launches; pick neo-brutalist for product-led growth pages that still want to delight.

Launch · winter drop

For Product Launches

A launch link only gets one impression in feed — it either stops a thumb or it doesn't. Brutalist makes that impression unambiguous: max-weight headline, a single neon accent block, a date stamp so the announcement reads as time-bound. Pair it with a launch headline that is itself a verb ("Winter Drop", "Series A", "v3 is out") and the card behaves like a stage cue.

Manifesto · we build in public

For Manifestos & Positioning Posts

Manifestos need to read as confident, not corporate. Brutalist's stark black ground, white display type and exposed grid construction signal a stance, not a sales page. Use it for "we believe", "we ship in public" or "the new way to ___" posts — anything where the headline is a position, not a product update.

Changelog · shipped this week

For Changelogs & Release Notes

Brutalist's modular grid is the rare style that makes a list of version numbers feel like a poster. Version tiles, one highlighted with the accent color, a tight monospace subtitle — engineers recognize the format instantly.

Portfolio · studio / folio 2026

For Design Studios & Portfolios

Studios live or die on the share image — it's the only sample a stranger sees before they click. Brutalist's split-layout, italic serif display on the left plus a violent accent block on the right reads as confident and design-forward without saying the word "design" anywhere.

Where a Brutalist Card Actually Belongs

The style is loud on purpose. Ship it where the volume works for you, not against.

Manifesto

Post the Founding Statement in Type

A brand-new studio opening tweet lands harder when the card is one uncompromising headline, black on newsprint.

Zine

Issue the First Number of a Newsletter

Weekly zine formats — issue 041, issue 042 — earn recognizability from the brutalist frame across every share.

Changelog

Stamp a Type-Forward Release

A raw grid with the version tag and one headline change reads louder than a rendered laptop mockup.

How to Design a Brutalist OG Card

Brutalist share cards trade polish for presence — heavy type, exposed grid, one loud color — so the frame reads as an object, not a slide.

  1. Step 1

    Set the type at display weight

    Pick one condensed sans or slab at 120px+; brutalist H1s carry the composition, so weight and tracking do the work color usually does.

  2. Step 2

    Expose the grid

    Show baseline lines, column rules or crop marks as visible chrome; the grid is the ornament in a style that refuses ornament.

  3. Step 3

    Restrict color to two hits

    One saturated accent against black or paper — no gradients, no soft shadows. Brutalism reads because it commits to two decisions.

Explore Other Visual Styles

Swiss minimalMagazine editorialTerminal / CLINeo-brutalistText overlayCinematicCollageRisograph

Frequently Asked Questions

High-contrast slab OG cards with oversized type and raw grid layouts.

What is a brutalist Open Graph card style?

Brutalist cards use high-contrast color slabs (usually black on white or one saturated color), oversized display type set close to the edges, and a raw grid with visible structure. Nothing is smoothed — no rounded corners, no soft shadows, no gradient. Every element earns its space by being aggressive.

When should I use brutalist over Swiss minimal or magazine?

When your brand's audience notices design and the feed is dominated by soft/rounded gradients — indie SaaS, opinionated dev tools, editorial publications, creative agencies. Brutalist earns the click by being visually loud in a scroll where every other card looks the same soft gradient.

Which brands actually ship brutalist OG cards in production?

Balenciaga.com, Bloomberg Businessweek, Craigslist (unintentional but canonical), Zora, Are.na, Party Round, Hyperlink Academy — plus most opinionated indie SaaS launched in the last three years. Search their homepage HTML for og:image and you'll see the pattern.

Is brutalist overkill for a B2B SaaS?

Usually yes. B2B buyers pattern-match soft/rounded on 'trustworthy corporate' — brutalist reads as 'too weird to procure'. The exception is dev-tool B2B (Retool, Turso, Neon's early cards), where the audience actively rewards visual opinion. Test with your specific ICP before committing.

What's the difference between brutalist and neo-brutalist for OG cards?

Brutalist is severe — usually black-on-white, no color accent, sharp corners, uncomfortable spacing. Neo-brutalist adds cream backgrounds, sticker highlights, tilted price tags and a color accent (usually yellow/orange). Neo is warmer; classic is colder. See /styles/neo-brutalist for the friendlier cousin.

Does brutalist type read well at 1200×630 in an X or LinkedIn feed?

Yes — that's the point of the style. Brutalist type is set at 8–15% of the card height (much larger than swiss's 4–6%), so the headline stays legible when the platform down-scales the card to feed size. Small type in swiss cards often gets illegible; brutalist is engineered to survive the scale.

One URL. Four Brutalist Cards.

Paste any page URL and Oginify generates four Neo-brutalist 1200×630 cards in seconds — A/B-ready, no signup.