With Broom: A Spooky Serif Display Font for Halloween Digital Branding
Last week, I was finalizing a landing page for a small-batch candle brand launching a limited October collection—think black soy wax, dried botanicals, and moody, atmospheric photography. The client wanted “something that feels like a vintage apothecary crossed with a midnight séance.” That’s when I opened my font library and typed With Broom.
Right away, the all-caps serif styling stood out—not delicate or ornate, but bold, slightly uneven, with sharp serifs and exaggerated contrast. It’s unmistakably a display font: designed to command attention in headlines, not sustain paragraphs. The “spooky and scary vibes” aren’t just marketing fluff—it’s baked into the letterforms: the jagged terminals on the R and K, the slightly tilted crossbar on the A, the broomstick-thin verticals paired with heavy horizontal strokes. It feels handmade, yet intentional—like a 1950s horror comic title pressed onto weathered parchment.
I dropped With Broom into the hero section as the main headline: “Midnight Harvest Collection.” At desktop size (48px, letter-spaced +2), it held its own over a dark, grainy background image—no drop shadow needed. The high contrast and generous x-height made it legible even with subtle texture overlay. But I paused before scaling down: this isn’t a font that shrinks gracefully. Below 32px, especially on mobile, the fine serifs start to blur or vanish on lower-DPI screens. So for responsive layouts, I reserved With Broom strictly for H1s and prominent CTA banners—never for body text, navigation, or button labels.
That’s where smart font pairing became essential. For everything else—the product descriptions, ingredient lists, newsletter signup form, and footer links—I used a clean, neutral sans serif (Inter, set at 16px with 1.5 line height). The contrast worked beautifully: With Broom brought character and seasonal energy; Inter grounded the experience in clarity and trust. No competing personalities—just purpose-driven typography.
In practice, With Broom shines brightest in moments where tone matters more than density: a portfolio site’s project title (“Witchcraft & Web Design”), a coaching website’s seasonal workshop banner (“Shadow Work Intensive”), or a digital brand kit’s mood board header. It’s also surprisingly effective in email subject lines (when embedded as web-safe fallbacks allow) and social media cover graphics—especially when layered over muted, desaturated imagery.
But here’s what I checked before committing:
- Webfont availability: Confirmed it includes WOFF2 files—lightweight and widely supported. No custom hosting required if using a reputable font service.
- Styles & weights: With Broom is a single-weight display font—no light, regular, or bold variants. That’s fine for its role, but means you won’t use it for subheadings or emphasis within a paragraph.
- Licensing: Verified commercial use is included—critical for client sites, online stores, and digital templates. Always double-check license scope before adding to Shopify themes or Notion brand kits.
- Language support: Covers basic Latin characters (A–Z, numerals, common punctuation). Sufficient for English-focused campaigns—but not for multilingual Halloween sites targeting Spanish or French audiences without testing diacritics.
Readability on dark backgrounds? Excellent—its strong stroke contrast pops without glare. On light backgrounds, I added a subtle 1px charcoal stroke (via text-stroke) to prevent visual “bleeding,” especially at larger sizes. For buttons, I avoided With Broom entirely—even short CTAs like “Shop Now” felt distractingly theatrical. Instead, I kept action text in the sans serif and used With Broom only in the adjacent banner headline above.
One unexpected win: accessibility scanning. While With Broom isn’t intended for body copy, screen readers handled the H1s cleanly because they were semantic headings—not images or CSS-generated text. Just remember to always wrap display-font headlines in proper It’s also worth noting where With Broom doesn’t belong. Don’t force it into navigation menus. Don’t try to squeeze it into tab labels or filter chips. And don’t pair it with another decorative font—like a script or distressed sans. Its personality is strong enough to carry a theme, but it needs breathing room and functional contrast to land well. For designers building seasonal campaign pages, boutique online stores, or creative portfolios with a distinct point of view, With Broom is more than a novelty—it’s a deliberate tone-setting tool. It signals intentionality. When users land on a page using With Broom, they’re not just seeing “Halloween stuff”—they’re sensing a curated, confident brand voice. That subtle shift from generic to memorable? That’s where display fonts like this earn their place in modern web design. If you're selecting fonts for an upcoming October project, ask yourself: does this headline need to whisper—or cackle? If it’s the latter, With Broom belongs in your kit. Just pair it wisely, size it thoughtfully, and let it do what it does best: set the scene, not explain it. or tags, not 🔗 You Might Also Like
