Cyberpunk Mobile (Orbitron + JetBrains Mono)

Font pairingtech display + mono

Orbitron + JetBrains Mono — cyberpunk, neon, glitch, hud, sci-fi, dark, matrix green, magenta, chamfered, tactical

FontsOrbitron headingsJetBrains Mono body

Preview

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

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 — Cyberpunk Mobile (Orbitron + JetBrains Mono)

Headings: Orbitron · Body: JetBrains Mono
Mood: cyberpunk, neon, glitch, hud, sci-fi, dark, matrix green, magenta, chamfered, tactical
Best for: Gaming companion apps, fintech/crypto, data visualization, dark brand apps, cyberpunk narrative games

Dual-stack: Orbitron 700–900 for H1 (42px uppercase letterSpacing 4, fontWeight 900). JetBrains Mono 400–500 for all body/data text (14px letterSpacing 1). Labels: 10px uppercase opacity 0.7. Heading scale aggressive: H1 42px, H2 28px, Section 20px. Body 14px monospace only. NO mixed sans-serif. Fallback: monospace system font. Orbitron requires loading — use NativeWind or useFonts hook.

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

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