Old Wood: A Brushed Display Font for Distinctive Web Design
As a UI designer who ships landing pages, SaaS dashboards, and e-commerce experiences daily, I treat typography like structural code — it shapes perception before a user reads a single word. That’s why Old Wood stands out in my font library: it’s a cool, hand-brushed display font with intentional texture and quiet confidence. It doesn’t shout — it settles into a layout like aged timber into a well-built frame. Its subtle grain, uneven stroke contrast, and organic rhythm give digital interfaces warmth without sacrificing clarity.
Old Wood isn’t built for paragraphs or data tables. It’s designed for impact: hero section headlines, brand logotypes, section dividers, course title cards, and boutique product banners. The brushwork feels tactile — slightly imperfect, never sterile — which makes it ideal for brands rooted in craftsmanship, sustainability, storytelling, or artisanal values. Think handmade skincare labels, indie publishing sites, creative coaching platforms, or ceramic studio portfolios. On screen, it holds its character at 48px and up, especially against clean backgrounds or soft image overlays.
For visual hierarchy, Old Wood excels where contrast matters most. Pair it with a neutral sans serif — like Inter, Manrope, or IBM Plex Sans — and you instantly create rhythm: Old Wood sets the tone; your body font delivers the message. This pairing works across contexts: a course sales page where “Build Your First Portfolio” (in Old Wood) anchors the hero, while benefit bullets and pricing details flow in crisp, accessible sans serif. In an online store, use it only for category headers (“Hand-Forged Tools”, “Seasonal Collections”) — not product names or price tags — preserving scannability and conversion focus.
Readability on mobile is intentional but contextual. At 32–40px on iOS and Android, Old Wood remains legible in hero banners and app splash screens — provided there’s ample spacing and sufficient contrast. Avoid using it under 28px, especially on small CTAs or navigation labels. For dark mode interfaces, test against charcoal or deep navy backgrounds: its mid-contrast strokes hold up better than ultra-thin scripts or high-contrast serifs. On light mode, it shines against off-whites and warm beiges — never stark white, where brush texture can visually flatten.
Old Wood performs best when used sparingly and deliberately. It’s not a workhorse font — it’s a signature. Use it for:
- Hero headlines and subheads on landing pages
- Logo lockups or wordmarks for lifestyle, wellness, or craft-based brands
- Section titles in portfolio or case study layouts
- Featured course or workshop names in learning platforms
- Overlay text on hero images (with subtle drop shadows or semi-opaque background bars)
- Branded email headers and social media cover graphics
It’s less effective — and potentially distracting — in navigation menus, form labels, button text under 140px wide, or anywhere users need rapid parsing. If your CTA says “Get Started”, keep it in your system font. But if your banner says “Timeless Craft. Modern Tools.” — that’s Old Wood territory.
Font pairing is where Old Wood reveals its versatility. With a geometric sans (e.g., Poppins or Space Grotesk), it adds human warmth to tech-forward brands. With a low-contrast serif (like Lora or Cormorant Garamond), it deepens editorial sophistication — perfect for blogs, newsletters, or digital magazines. Avoid pairing it with other textured or script fonts; the visual noise competes rather than complements. And never pair it with another display font of similar weight or personality — hierarchy collapses.
From a technical standpoint, verify that the Old Wood package includes web-optimized WOFF2 files, basic Latin character support (including accented characters for European markets), and at minimum one weight — though having light and bold alternates expands flexibility for layered headings. Check whether stylistic alternates or ligatures are included; these subtle variants can refine logo usage or headline polish without adding complexity. If your project targets multilingual audiences, confirm extended language coverage — many brushed display fonts stop at Western European glyphs.
Licensing is non-negotiable. Old Wood is a premium font, and its commercial license must explicitly cover web embedding (via @font-face or CSS font providers), use in client-facing SaaS dashboards, online store themes, digital templates sold on marketplaces, and branded assets distributed to customers. Free versions or unlicensed downloads risk legal exposure and inconsistent rendering. Always embed via self-hosted files or trusted font services that honor the foundry’s terms — never copy-paste from sketchy font sites.
In practice, I’ve used Old Wood to unify a ceramicist’s entire digital presence: her Shopify homepage banner, Instagram story highlights, email newsletter headers, and even her printable workshop certificates. The font became the through-line — not because it appeared everywhere, but because it appeared *meaningfully*. Each instance reinforced her brand’s grounded, thoughtful, material-led identity. That consistency builds trust faster than any tagline.
For digital product creators, remember this: fonts aren’t decoration — they’re design decisions with behavioral consequences. Old Wood invites pause. It signals care in execution. It tells users, without saying a word, that what follows was made with intention. Not every project needs it. But when your brand leans into authenticity, tactility, or narrative depth — and your layout has space to let texture breathe — Old Wood earns its place as more than a display font. It becomes part of the experience’s architecture.
