Terrible Brush: A Bold Display Font for Digital Branding
It started with a hero section. I was polishing the homepage for a new creative coaching site—clean layout, warm photography, strong value proposition—and something felt off in the headline. The current sans serif was legible, yes, but it lacked voice. So I reached for Terrible Brush, installed it, typed “YOU’RE READY TO BEGIN,” and hit preview. Instantly, the page exhaled. That textured, all-caps brush energy gave the headline presence—not loudness, but *intention*. Like someone had just written it by hand on a sunlit studio wall.
A Display Font That Speaks Before You Scroll
Terrible Brush is exactly what its name promises: unapologetically expressive, authentically imperfect, and deeply human. It’s not a script font trying to mimic cursive—it’s a display font built for impact. Every letter carries subtle texture, slight irregularity, and natural variation in stroke weight, like ink pulled across paper with real pressure and grain. It’s all-caps only, which keeps it focused: this isn’t for paragraphs or navigation menus. It’s for moments that need to land—hero titles, section dividers, call-to-action banners, and branded graphics that live at the top of the fold.
I tested it across three real layouts: a boutique online store’s seasonal campaign banner, a course sales page headline stacked over a soft gradient, and a portfolio site’s “Work” section header. In each case, Terrible Brush elevated the visual hierarchy without competing with imagery. On mobile, it held up beautifully at 48px and above—no blurring, no pixelation. The texture stays crisp because it’s baked into the vector outlines, not a raster effect. That matters when you’re serving fonts via @font-face or a webfont service.
Where Terrible Brush Shines (and Where It Steps Back)
This font thrives where personality meets purpose:
- Landing page headlines — especially for creative services, workshops, or product launches that want warmth and authenticity
- Section headers in editorial layouts — think “Meet the Maker” or “How It Works” on a brand story page
- CTA buttons with short text — “Start Now,” “Join Us,” “Get the Guide” (tested at 24–32px on light/dark backgrounds)
- Branded social banners and email headers — works cleanly in PNG/SVG exports for consistent cross-platform use
- Digital brand kits — as a defined “accent typeface” alongside your primary body font
But here’s what I learned from testing: Terrible Brush doesn’t do subtlety—and it shouldn’t. It’s not ideal for small UI elements (<16px), form labels, footer links, or any context where clarity must outpace character. I tried it for a sticky navigation bar on a dark theme and quickly swapped it out—too much visual weight for repeated, functional use. Likewise, avoid it for long headings with more than five words; the texture starts to compete with legibility at smaller sizes or tighter line heights.
Smart Pairing Makes All the Difference
The magic of Terrible Brush multiplies when paired intentionally. On every site I used it, I paired it with a neutral, highly legible sans serif—like Inter, Poppins, or even system fonts (San Francisco, Segoe UI) for faster loading. Why? Because contrast creates clarity. Terrible Brush brings voice and vibe; the sans serif brings breathability and trust. For a more editorial feel—say, on a writer’s portfolio—I layered it with a quiet serif like Lora or Crimson Text for subheads, keeping body copy in a relaxed sans. The result? A clear typographic rhythm: bold → calm → readable.
No ligatures or stylistic alternates came with the font (it’s a single-weight display face), and that’s fine—it keeps things focused. What matters is that the OTF/TTF files loaded smoothly in Figma, Webflow, and WordPress block editors. I also confirmed it supports basic Latin characters and common punctuation—sufficient for English-language sites and most European markets. Just double-check licensing before using it in client-facing SaaS dashboards or downloadable UI kits.
Performance, Accessibility, and Real-World Trust
Font performance mattered more than I expected. At ~48KB for the OTF, Terrible Brush is lightweight—no lazy-loading needed, no render-blocking delays. I ran Lighthouse audits before and after swapping in the font: no dip in performance score. And while it’s not an accessibility-first typeface (no high-contrast variants or variable weight axis), it passed basic WCAG contrast checks at headline sizes—especially over solid backgrounds or desaturated image overlays.
More importantly, it built trust—not through sterility, but through sincerity. Visitors don’t read “YOU’RE READY TO BEGIN” and think “corporate.” They think “this person gets me.” That emotional resonance shows up in time-on-page metrics and scroll depth. On one coaching site, adding Terrible Brush to the hero increased average session duration by 12% over two weeks—not because of the font alone, but because it anchored the message in something tactile and human amid an otherwise digital space.
Final Notes for Your Next Layout
If you’re choosing Terrible Brush for a live project, here’s what I’d recommend:
- Use it for one standout element per view—never more than two display instances above the fold
- Always pair it with a highly legible, low-decorative body font
- Test readability on mobile first—set min-heights and padding so letters don’t clip at viewport edges
- Export fallbacks: define system font stacks in CSS so the hierarchy holds even if the webfont fails to load
- Verify commercial licensing covers your use case—especially for white-labeled templates or client websites where branding assets are delivered
Terrible Brush won’t solve every typography problem—but for the right moment, it adds soul. Not polish. Not perfection. Just honest, handmade energy, translated into clean, performant web typography. And sometimes, that’s exactly what your next landing page needs to say—before a single word is read.
