Style Library

Tech/HUD Mono

Font pairingmono + mono

Share Tech Mono + Fira Code — tech, futuristic, hud, sci-fi, data, monospaced, precise

FontsShare Tech Mono headingsFira Code body

Preview

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

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 — Tech/HUD Mono

Headings: Share Tech Mono · Body: Fira Code
Mood: tech, futuristic, hud, sci-fi, data, monospaced, precise
Best for: Sci-fi interfaces, developer tools, cybersecurity, dashboards

Share Tech Mono has that classic sci-fi look.

```css
@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&family=Share+Tech+Mono&display=swap');
```

Tailwind: `fontFamily: { hud: ['Share Tech Mono', 'monospace'], code: ['Fira Code', '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.

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