Bauhaus Geometric

Font pairinggeometric sans + single weight

Outfit + Outfit — bauhaus, geometric, constructivist, bold, uppercase, architectural, mechanical, poster, tactile

bauhaus geometric constructivist bold uppercase architectural

FontsOutfit headingsOutfit body

Preview

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

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 — Bauhaus Geometric

Headings: Outfit · Body: Outfit
Mood: bauhaus, geometric, constructivist, bold, uppercase, architectural, mechanical, poster, tactile
Best for: Bauhaus mobile apps, bold editorial mobile, design-forward branding apps, art/culture platforms

Single-family system: Outfit 900 uppercase tracking-tighter for heroes; Outfit 700 uppercase for buttons/nav; Outfit 500 for body. Scale aggressively: text-4xl–text-5xl headlines on mobile.

```css
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;700;900&display=swap');
```

Tailwind: `fontFamily: { display: ['Outfit', 'sans-serif'], body: ['Outfit', '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