Hepta Slab
serif · Designed by Mike LaGattuta
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.
Hepta Slab is a variable serif typeface with a strong, geometric construction and notably thick slab serifs that give it a sturdy, grounded presence. Its letterforms are compact and even, with consistent stroke weights that lean toward the mechanical rather than the calligraphic. Across its variable weight axis, it shifts from a readable light that works at smaller sizes to a heavy display weight with serious visual impact. The overall personality is confident and structural without being aggressive — it reads as dependable and contemporary rather than traditional or decorative.
In practical terms, Hepta Slab works well as a display heading font for technology or infrastructure brands that want authority without resorting to generic sans-serifs. Editorial and magazine layouts benefit from its weight contrast, where heavier weights anchor section headers while lighter weights handle subheadings. It also fits well in dashboard or data-heavy UI contexts where legibility under varying conditions matters and where the geometric consistency of the letterforms helps maintain visual order across different type sizes.
Best suited for: Consider Hepta Slab for technology interfaces, editorial layouts, infrastructure branding, and data visualization contexts where geometric clarity and weight flexibility strengthen visual hierarchy.
Design considerations: The nine available weights support flexible typographic layering from body-friendly lighter weights to commanding display sizes. Its geometric slab construction maintains legibility across digital and print applications while the consistent stroke weight approach suits systematic design systems.
Pairing guidance: Pair Hepta Slab's structural serif presence with Inter for clean, neutral interface elements and body text; use Lora to add warmth and readability to longer editorial passages while maintaining serif continuity; and employ Space Mono for technical content, code samples, or data labels that benefit from monospace precision.
Pairs well with
Hepta Slab at a glance
Mike LaGattuta
SIL Open Font License 1.1
September 2018
September 2025
10 (10 weights)
Yes: weight 1–900
Serif
3
Google Fonts
All 10 Hepta Slab styles
| Weight | Name | Upright |
|---|---|---|
| 1 | 1 | Aa Bb Gg 123 |
| 100 | Thin | Aa Bb Gg 123 |
| 200 | ExtraLight | Aa Bb Gg 123 |
| 300 | Light | Aa Bb Gg 123 |
| 400 | Regular | Aa Bb Gg 123 |
| 500 | Medium | Aa Bb Gg 123 |
| 600 | SemiBold | Aa Bb Gg 123 |
| 700 | Bold | Aa Bb Gg 123 |
| 800 | ExtraBold | Aa Bb Gg 123 |
| 900 | Black | Aa Bb Gg 123 |
Hepta Slab character map
Which languages does Hepta Slab support?
Hepta Slab includes 3 character sets:
- 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
It does not include Cyrillic or Greek characters, so it can't set Russian, Ukrainian or Greek text.
Can I use Hepta Slab commercially?
Yes, it's free for personal and commercial use. Hepta Slab 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.