SN Pro
sans-serif · Designed by Tobias Whetton, Supernotes
Instant CSS & Tailwind Generator
Snippet updates automatically to match whichever weight you select above.
Just want to use the font? Click "Get this font on Google Fonts" to download it or add it directly to a document, design tool (like Canva or Photoshop), or your computer's font list.
Building a website? Click "Copy Font Code" to copy a short snippet, then paste it into your website's HTML (usually inside the <head> section) to use this font on your site.
SN Pro is a clean, modern sans-serif typeface built around geometric principles with a slightly humanist touch that keeps it warm and approachable rather than cold or mechanical. Its letterforms feature consistent stroke weights, open apertures, and subtly rounded terminals that give it excellent legibility at both small and large sizes. The name suggests a professional orientation, and the design delivers on that promise with a restrained, confident character that sits comfortably in structured layouts without feeling stiff or corporate. The spacing is generous and considered, lending a sense of clarity and calm to any composition it inhabits.
SN Pro works particularly well for technology product interfaces where readability and a forward-looking aesthetic are both priorities, making it a natural fit for SaaS dashboards, mobile applications, and developer-facing tools. It also performs strongly in editorial and editorial-adjacent contexts such as digital magazines, branded reports, and white papers where a neutral yet distinctive voice is needed. Additionally, its balanced proportions and clean geometry make it a solid choice for startup branding and marketing websites that want to communicate precision and trustworthiness without resorting to overused typefaces.
Best suited for: Consider SN Pro for digital products, technology interfaces, editorial layouts, startup branding, and marketing websites where clean readability and modern professionalism are priorities.
Design considerations: SN Pro's extensive weight range from 200 to 900, paired with matching italics, supports flexible typographic hierarchies across diverse layouts and contexts. Its geometric foundation with humanist warmth suits both functional interfaces and editorial applications without requiring supplementary typefaces for tonal variation.
Pairing guidance: Pair SN Pro's geometric neutrality with Playfair Display for editorial layouts seeking classical contrast, Lora for warm editorial contexts requiring serif sophistication, or DM Mono for technology-focused designs needing code-friendly monospace support while maintaining visual cohesion.
Pairs well with
SN Pro at a glance
Tobias Whetton, Supernotes
SIL Open Font License 1.1
January 2026
January 2026
16 (8 weights + italics)
Yes: weight 200–900
Sans Serif
5
Google Fonts
All 16 SN Pro styles
| Weight | Name | Upright | Italic |
|---|---|---|---|
| 200 | ExtraLight | Aa Bb Gg 123 | Aa Bb Gg 123 |
| 300 | Light | Aa Bb Gg 123 | Aa Bb Gg 123 |
| 400 | Regular | Aa Bb Gg 123 | Aa Bb Gg 123 |
| 500 | Medium | Aa Bb Gg 123 | Aa Bb Gg 123 |
| 600 | SemiBold | Aa Bb Gg 123 | Aa Bb Gg 123 |
| 700 | Bold | Aa Bb Gg 123 | Aa Bb Gg 123 |
| 800 | ExtraBold | Aa Bb Gg 123 | Aa Bb Gg 123 |
| 900 | Black | Aa Bb Gg 123 | Aa Bb Gg 123 |
SN Pro character map
Which languages does SN Pro support?
SN Pro includes 5 character sets:
- Cyrillic: Russian, Ukrainian, Bulgarian, Serbian and other Cyrillic-script languages
- Cyrillic Extended: additional Cyrillic letters used in languages such as Kazakh, Tatar and Bashkir
- Latin: English, Spanish, French, German, Italian, Portuguese and other Western European languages
- Latin Extended: Central and Eastern European languages such as Polish, Czech, Turkish, Romanian and Hungarian
- Vietnamese: Vietnamese, including its stacked tone marks
Can I use SN Pro commercially?
Yes, it's free for personal and commercial use. SN Pro is released under the SIL Open Font License 1.1. You can use it in logos, websites, apps, videos, printed products and merchandise without paying or asking permission. The one thing you can't do is sell the font file on its own.