Hollowtown: A Bold Display Font for Modern Web Projects
It started with a hero section. I was redesigning a small business landing page — a local ceramics studio launching their first online workshop series — and the headline felt flat. The current sans serif looked clean, yes, but it didn’t carry the warmth, texture, or quiet confidence the brand embodied. So I pulled up my font library and typed “Hollowtown” into the preview panel.
Right away, Hollowtown stood out: urban but approachable, geometric yet human-scaled, with subtle hollowed-out letterforms that catch light like hand-cut signage. It’s not a script font or a retro revival — it’s a contemporary display font built for digital presence. Think of it as typography with attitude, not arrogance. The lowercase ‘a’ and ‘g’ have open counters; the uppercase letters hold strong vertical rhythm without rigidity. It feels intentional, not ornamental.
I dropped Hollowtown into the hero headline: “Handmade Ceramics, Online Workshops.” Instantly, the layout gained visual weight and character — but more importantly, it felt *true*. Not flashy, not gimmicky. Just grounded, confident, and quietly distinctive. That’s the sweet spot for a display font in web design: it should amplify voice, not drown it out.
Hollowtown works best where attention matters most — hero titles, section headers, CTA buttons on course sales pages, shop banners, blog post thumbnails, and campaign landing pages. I used it for the main headline and “Enroll Now” button on the ceramics site, then paired it with a warm, airy sans serif (Inter, set at 18px) for body copy. The contrast worked beautifully: Hollowtown sets the tone; the body font delivers clarity. No competing personalities — just smart hierarchy.
On mobile? I tested it early. At 32px on iOS Safari, Hollowtown remains legible and impactful — especially with generous letter-spacing (0.04em) and line-height (1.2). It doesn’t collapse or blur. But I avoided using it below 24px, even for subheads. This isn’t a font for dense paragraphs or navigation menus. It’s a display font — meant to be seen, not scanned. Respect its role.
Backgrounds matter too. Over soft image overlays (like a blurred photo of clay tools), Hollowtown’s open forms breathe. On dark mode, I lightened the weight slightly and added subtle text shadow for contrast — no heavy outlines needed. On light backgrounds, it holds its own without feeling stark. Its balanced x-height and moderate stroke contrast make it surprisingly versatile across real-world UI contexts.
For pairing, I’ve found Hollowtown sings alongside neutral, highly readable sans serifs — think Inter, Poppins, or Manrope for digital-first brands. With a gentle serif like Lora or Playfair Display, it adds editorial sophistication — great for creative portfolios or blog headers where tone leans thoughtful or craft-focused. Avoid pairing it with other decorative fonts. Let Hollowtown be the statement; let the supporting type do the work.
In practice, I’ve used Hollowtown across several real projects: a boutique online store’s seasonal banner (“Summer Studio Sale”), a coaching website’s testimonial highlight (“Clarity starts here”), and a digital brand kit’s cover slide (“Your Identity, Refined”). Each time, it anchored the message without demanding attention — a rare balance for a display font.
Before deploying, I double-checked the webfont package: Hollowtown includes WOFF2 files (lightweight, modern), multiple weights (Light, Regular, Bold), and basic Latin multilingual support — enough for English, Spanish, French, and German content. No OpenType features like stylistic alternates or ligatures, which is fine for most web use cases. For logo text or social media graphics, I exported vector versions from the desktop app — always verifying commercial licensing terms first. It’s a premium font, and the license covers web, desktop, and app use — no surprises there.
Readability isn’t just about size or contrast — it’s about cognitive ease. Hollowtown supports quick scanning in headlines because its shapes are familiar (based on classic grotesque proportions) but refreshed (via those hollow details). Users don’t pause to decode it; they absorb meaning faster. That’s why it works so well on fast-loading landing pages or email header graphics — it communicates tone and intent in under two seconds.
That said, I wouldn’t use Hollowtown for product descriptions, form labels, or pricing tables. It’s not built for sustained reading. And while it looks great on high-DPI screens, I always test fallback behavior: declaring it in CSS with a solid system stack ensures graceful degradation if the font fails to load.
What surprised me most wasn’t how bold Hollowtown looks — it’s how *human* it feels. In a sea of ultra-thin, ultra-geometric display fonts, Hollowtown has warmth. Its curves are soft, its spacing generous, its rhythm relaxed but precise. It doesn’t shout — it invites. That makes it ideal for brands building trust through authenticity: coaches, makers, educators, designers, and small studios who want their digital presence to reflect care, craft, and quiet confidence.
If you’re choosing a display font for your next web project, ask yourself: Does it serve the message — or distract from it? Does it feel native to the screen, not pasted on? Does it scale gracefully across devices and contexts? Hollowtown answers yes — thoughtfully, consistently, and with unmistakable character.
It’s become part of my go-to toolkit — not because it’s trendy, but because it solves real problems: adding distinction without clutter, personality without pretense, and polish without overcomplication. And when the ceramics studio launched their page last week, their first comment from a visitor was, “This feels like *them*.” That’s the power of getting the type right.
