Minkoi's App System
Style Library

Neumorphism Mobile (Plus Jakarta Sans + System)

Font pairinggeometric sans (system fallback)

Plus Jakarta Sans + Plus Jakarta Sans — neumorphism, soft ui, monochromatic, cool grey, minimal, physical, depth, ceramic, system font, utility

neumorphismsoft uimonochromaticcool greyminimalphysical
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 — Neumorphism Mobile (Plus Jakarta Sans + System)

Headings: Plus Jakarta Sans · Body: Plus Jakarta Sans
Mood: neumorphism, soft ui, monochromatic, cool grey, minimal, physical, depth, ceramic, system font, utility
Best for: Smart home controls, minimal tools, aesthetic dashboards, health monitors, brand showcase pages

Single-family or System fallback: Plus Jakarta Sans Bold/Medium pairs beautifully with the monochromatic #E0E5EC surface — subtle geometry without competing with the depth effect. Heading: 24–32px Bold (700), letterSpacing -0.5 for modern premium feel. Body: 16px Medium (500), lineHeight 1.4. Caption: 12px Regular (400). Use Text Primary #3D4852 (7.5:1 contrast against #E0E5EC) for all primary text. Use Text Muted #6B7280 (4.6:1 contrast) for secondary text. Accent color #6C63FF only on active labels or focus indicators. Never use italic or thin weights — they lose legibility against the embossed background. System (SF Pro / Roboto) is an acceptable fallback for performance-sensitive implementations.

```css
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,700;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.
Start building — freeI already have an account

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