Style LibraryNew · weekly review
Premium Sans (DM Sans)
Font pairingsans + sansDM Sans + DM Sans — premium, modern, clean, sophisticated, versatile, balanced
FontsDM Sans headingsDM 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: DM Sans.
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 meContinueToday
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 — Premium Sans (DM Sans)
Headings: DM Sans · Body: DM Sans
Mood: premium, modern, clean, sophisticated, versatile, balanced
Best for: Premium brands, modern agencies, SaaS, portfolios, startups
Single importable Google family with balanced weights for premium sans layouts.
```css
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap');
```
Tailwind: `fontFamily: { sans: ['DM 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