Old Scratches: A Display Font for Authentic Brand Storytelling
I was refreshing a landing page for a new online workshop, and the hero headline felt flat. The clean, geometric sans serif I’d chosen was perfectly professional, but it lacked a certain energy. I needed something that felt human, crafted, and a little bit raw—like the creative process the workshop was about. That’s when I imported Old Scratches into my design file and typed out the title.
Immediately, the layout shifted. The brushed texture of the letterforms introduced a tactile quality, a sense of imperfect handcraft, right into the digital space. This font isn’t a smooth, polished script; it’s a display typeface with character. Each stroke looks applied with pressure, with visible grain and scratch-like details that suggest authenticity. Its personality is bold, slightly rugged, and incredibly confident, making it perfect for projects that want to stand out without screaming.
Building a Visual Hierarchy with Texture
On that workshop page, Old Scratches became the undisputed focal point. In web design, establishing a clear visual hierarchy is crucial for guiding a visitor’s eye and improving scanning behavior. A strong display font like this acts as a powerful anchor. I used it solely for the primary headline and a key call-to-action button phrase. For all supporting text—the subheader, the body copy describing the course modules, the pricing details—I paired it with a simple, highly readable sans serif.
This contrast is essential. The decorative, textured headline grabs immediate attention and sets the mood, while the clean body font ensures comfort and readability for longer reading sessions. This pairing builds trust; it shows a considered design approach where style doesn’t sacrifice usability. For a boutique online store selling artisan goods, a coaching website emphasizing personal growth, or a creative portfolio, this same principle applies. Let Old Scratches tell the brand story in key moments, and let a more neutral font handle the everyday conversation.
Where to Place Its Character on a Website
Given its bold texture, Old Scratches is best employed sparingly and strategically. It excels in high-impact, short-form applications:
- Hero Titles & Section Headings: It instantly defines the page’s tone.
- Call-to-Action Buttons: A phrase like “Start Your Journey” or “Get the Guide” gains a compelling, handcrafted urgency.
- Key Marketing Phrases: In email header graphics, digital ad banners, or social media campaign images.
- Logo Text & Brand Marks: For a digital brand kit, it can form the foundation of a memorable wordmark.
- Decorative Accents: Perhaps a single word in a blog post header graphic or a highlighted quote on a sales page.
It is not suited for body copy, navigation menus, or lengthy paragraphs. Its role is to elevate, not to carry the entire textual load.
Readability in Responsive Environments
Any display font requires extra consideration for readability across devices. The brushed details of Old Scratches are part of its charm, but on very small screens, those details can become noise if the size is insufficient. My rule of thumb: on mobile, increase the font size slightly more than you might for a simpler sans serif. In my workshop project, the desktop headline was set at 72px; on mobile, I bumped it to 84px to ensure the character remained clear and legible.
Context also matters. Placing it over a busy image background requires careful contrast checking. On dark backgrounds, I found its default appearance—usually a solid white or light color—worked beautifully. On light backgrounds, a darker shade provided enough weight. The goal is to maintain that distinctive texture without it blending into the background or fighting with other visual elements. For fast-loading content, ensuring the webfont files are optimized and served efficiently is part of a professional implementation.
A Realistic Example: A Product Landing Page
Consider a landing page for a premium, physical product like a handmade journal. The headline “Make Your Mark” set in Old Scratches immediately communicates the product’s tactile, personal nature. The font’s scratches mirror the idea of pen on paper. Subheaders like “Crafted Materials” and “Your Ideas, Preserved” could use a paired serif font for an editorial feel, while the body copy detailing the specifications uses a neutral sans serif. The font here isn’t just decoration; it’s a core part of the brand narrative, building consistency from the ad that brought the user here to the final checkout page.
Practical Steps Before You Commit
Integrating a new typeface into a live website or client project requires a few checks. First, confirm the licensing. For commercial use on a website, you need a license that covers web embedding. Next, check the technical delivery. Does Old Scratches come as a webfont kit with WOFF2 files? Are there any extra alternates or stylistic sets that could add variety to your headlines? I always test the font in a live browser environment—not just in my design software—to see how it renders in Chrome, Safari, and Firefox. I also check its loading performance; a single weight of a display font usually has a minimal impact, but it’s good practice to monitor.
Finally, consider its multilingual support if your project requires it. A display font might not support a full range of glyphs, but for English-based headlines and key phrases, it’s typically perfect. These practical steps ensure the font becomes a reliable asset, not a last-minute technical hurdle.
In the end, my workshop page launched with Old Scratches in the hero. The feedback wasn’t about conversion rates or fake metrics; it was about feel. The client said the page finally looked “like us.” That’s the power of a well-chosen display font. It doesn’t just decorate; it communicates. Old Scratches, with its brushed texture and confident stance, offers a way to inject authentic, human character into polished digital spaces, helping online brands tell their story with a distinct visual voice.
