Neo Brutalism Mobile (Space Grotesk Bold)

Font pairinggeometric sans (bold-only)

Space Grotesk + Space Grotesk — neo brutalism, pop art, loud, bold, heavy, stickers, mechanical, high contrast, cream, gen-z

neo brutalism pop art loud bold heavy stickers

FontsSpace Grotesk headingsSpace Grotesk body

Preview

A sample page drawn from this style’s tokens — a guide to the look, not the exact output. Fonts from Google Fonts: Space Grotesk.

New · weekly review

Plan the week in ten minutes

Pull in every task, see what matters, and share one clear plan with the team.

Get startedSee how it worksDocs

Tasks done1,284+12% this week

Emailyou@example.com

Remember meContinue

Today

Review roadmapDone

Ship onboardingIn progress

Team sync3 pm

Prompt

Paste into any AI assistant before describing what to build — or attach it to a project below.

# Font pairing — Neo Brutalism Mobile (Space Grotesk Bold)

Headings: Space Grotesk · Body: Space Grotesk
Mood: neo brutalism, pop art, loud, bold, heavy, stickers, mechanical, high contrast, cream, gen-z
Best for: Creative tools, Gen-Z marketing, e-commerce for youth culture, content portfolios, collage-style apps

Single-weight system using the loaded Space Grotesk 700 (Bold). Display: 48–64px. Heading: 24–32px. Body: 18–20px for deliberate brutalist density. Labels: 14px ALL CAPS letterSpacing 2. All buttons and navigation: uppercase. Use a bold sans-serif system fallback. No italic or thin weights.

```css
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@700&display=swap');
```

Tailwind: `fontFamily: { display: ['Space Grotesk', 'sans-serif'], body: ['Space Grotesk', 'sans-serif'] }`

Use it in an app

Create a free account to attach this style to a project: the hub adds it to the prompt your AI assistant gets, so it builds every page in this look.

Start building — free I already have an account

From UI/UX Pro Max (MIT, commit 477bcb2).View source