Style Library

Enterprise SaaS Mobile (Plus Jakarta Sans)

Font pairinggeometric sans (single family)

Plus Jakarta Sans + Plus Jakarta Sans — enterprise, saas, b2b, professional, indigo, modern, approachable, legible, ios dynamic type, android scaling

FontsPlus Jakarta Sans headingsPlus Jakarta Sans body

Preview

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

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
Sign in
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 — Enterprise SaaS Mobile (Plus Jakarta Sans)

Headings: Plus Jakarta Sans · Body: Plus Jakarta Sans
Mood: enterprise, saas, b2b, professional, indigo, modern, approachable, legible, ios dynamic type, android scaling
Best for: B2B SaaS apps, productivity tools, government and finance mobile apps, admin dashboards, enterprise onboarding

Single-family system: Plus Jakarta Sans balances professional authority with mobile approachability. Weight scale: ExtraBold 800 for screen titles/hero (line height 1.1–1.2). Bold 700 for section headers. SemiBold 600 for card titles and buttons. Regular 400 for body text (line height 1.4–1.5). Must support iOS Dynamic Type and Android font scaling — never hardcode pixel sizes without respecting system font scale. Button text: uppercase, letterSpacing 0.5. Caption: 12px Regular. Muted: Slate 500 #64748B.

```css
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,600;0,700;0,800;1,400&display=swap');
```

Tailwind: `fontFamily: { sans: ['Plus Jakarta Sans', '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.

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