Brokendays: A Modern Blackletter Typeface for Confident Digital Branding
Last week, I was finalizing the hero section of a new landing page for a ceramicist’s online studio — minimalist layout, warm neutral palette, soft photography. The headline needed presence without shouting. I opened my font library and typed “Brokendays” into the preview field. Instantly, something clicked: this wasn’t just another blackletter revival. Brokendays balances historical weight with contemporary rhythm — sharp angles softened by subtle curves, dense letterforms that breathe on screen, and a controlled contrast that avoids visual fatigue.
As a UI designer who regularly tests display fonts in real layouts, I appreciate how Brokendays avoids the common pitfalls of blackletter typefaces: it doesn’t feel costumed, nor does it sacrifice legibility for drama. Its lowercase ‘a’, ‘g’, and ‘e’ have open counters; its capitals maintain strong vertical stress but avoid excessive ornamentation. That means it holds up cleanly at 48px on desktop, scales gracefully to 32px on tablet, and — with careful spacing — remains recognizable even at 28px on mobile hero banners.
I used Brokendays for three key areas on that landing page: the main headline (“Hand-Thrown, Slow-Made”), the subheading tagline (“Ceramics rooted in quiet intention”), and the primary CTA button (“Explore the Collection”). Each use case revealed something different. As a headline font, Brokendays commands attention without overwhelming — especially when set with generous line-height (1.25) and modest letter-spacing (+0.5px). As a subheading, its restrained elegance added tonal nuance without competing. And on the button? It worked surprisingly well — not as body text, of course, but as a short, bold anchor point. Just don’t try it below 20px or in all-caps paragraphs.
Where Brokendays shines most is in intentional hierarchy. It’s not a workhorse font — it’s a statement maker. Think of it like a signature brushstroke: best applied where you want users to pause, recognize tone, and absorb meaning. That makes it ideal for portfolio site headers, boutique shop banners, coaching program titles, course sales page headlines, blog post feature graphics, and digital brand kits where personality matters as much as clarity.
That said, readability depends entirely on context. Over a textured image background? Yes — but only with a subtle semi-transparent overlay or light stroke. On pure white with thin weight? Not ideal. I tested it over a light linen texture and found that pairing it with a 1px light gray text stroke improved edge definition without sacrificing character. On dark mode interfaces, I switched to the medium weight and added slight tracking (+1px) — the contrast held, and the mood deepened beautifully.
Font pairing is where Brokendays truly reveals its versatility. I paired it with Inter for body copy — a clean, highly readable sans serif with excellent variable support and generous x-height. The contrast between Brokendays’ expressive forms and Inter’s neutral geometry created instant visual rhythm and clear information architecture. For a more editorial project, I tried it with IBM Plex Serif: the serif’s structured serifs echoed Brokendays’ calligraphic roots while keeping body text grounded and scannable. Avoid pairing it with other decorative fonts — no script, no condensed sans, no heavy slab. Let Brokendays lead; let the supporting font serve.
Before deploying it live, I checked the technical details carefully. Brokendays includes OpenType features like stylistic alternates and ligatures — useful for fine-tuning logo lockups or special headings, though I kept those minimal for web use. It ships in WOFF2 format (excellent for performance), supports Latin-based languages, and includes a full range of weights — Light, Regular, Medium, Bold — plus matching italics. No variable axis, but the weight options give enough flexibility for responsive typography systems. Crucially, the license covers commercial web use, client projects, SaaS dashboards, and e-commerce platforms — no surprises at handoff time.
One thing I noticed across devices: Brokendays benefits from deliberate spacing discipline. On mobile, I reduced headline size slightly but increased letter-spacing by +0.75px to prevent crowding. In tight hero sections with image overlays, I avoided stacking multiple Brokendays lines — instead using it for one focal phrase and letting supporting text do the lifting. And I always tested contrast ratios: at Regular weight on #FFFFFF, it passes WCAG AA at 32px and above; at Light weight, I reserved it for large-format visuals only.
It’s also worth noting what Brokendays isn’t meant for. Don’t use it for navigation menus, form labels, pricing tables, or paragraph text. It’s not a replacement for your system font stack — it’s a premium font for moments of emphasis and identity. Think of it like selecting a single striking material in interior design: marble for the countertop, not the entire floor.
In practice, Brokendays helped unify the ceramicist’s digital presence in a way that felt authentic — not trendy, not nostalgic, but quietly confident. Visitors didn’t comment on the font itself, but they did linger longer on the homepage, scrolled deeper into the collection, and engaged more with the “About” narrative. That’s the mark of successful typography: it doesn’t distract, it deepens.
If you’re choosing a blackletter typeface for a modern website, look beyond gothic clichés. Brokendays offers the gravitas of tradition with the clarity of current design thinking — a rare balance. It works because it respects both the craft of typography and the reality of how people actually read on screens: quickly, contextually, and with emotional resonance.
Whether you're launching a creative portfolio, refining a boutique brand kit, designing a course sales page, or building a campaign landing page, Brokendays invites users in — not with loudness, but with intention. And in today’s crowded digital landscape, that kind of thoughtful presence is anything but broken.
