Bold Typography Mobile (Inter Poster)

Font pairingsans + serif (display) + mono

Inter + Playfair Display — bold typography, editorial, poster, near-black, vermillion, luxury, type-as-hero, manifesto, high-contrast

bold typography editorial poster near-black vermillion luxury

FontsInter headingsPlayfair Display body

Preview

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

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 — Bold Typography Mobile (Inter Poster)

Headings: Inter · Body: Playfair Display
Mood: bold typography, editorial, poster, near-black, vermillion, luxury, type-as-hero, manifesto, high-contrast
Best for: Creative brand flagships, reading platforms, event apps, flash pages, luxury mobile experiences

Tri-stack: Inter 600–800 for UI and display type (letterSpacing -1.5px heroes, -0.5px subheads). Playfair Display Italic only for pull quotes. JetBrains Mono for labels and stats. Suggested scale: 12px labels, 16px body, 22px subhead, 32px section, 40px H2, 56px H1, 72px hero statement. Use lineHeight 1.1 for headlines and 1.6 for body. Keep text links visibly identifiable; do not replace button semantics with styled underlines.

```css
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&family=JetBrains+Mono:wght@400&family=Playfair+Display:ital@1&display=swap');
```

Tailwind: `fontFamily: { display: ['Inter', 'sans-serif'], quote: ['Playfair Display', 'serif'], mono: ['JetBrains Mono', 'monospace'] }`

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