ReRun: A Bold Display Font for Modern Web Design Projects
Choosing ReRun for a Creative Portfolio Redesign
I recently started redesigning a creative portfolio site for a photographer who wanted a more expressive and visually engaging brand. The homepage hero section needed a strong typographic presence—something that would immediately convey personality without sacrificing usability. That’s when I decided to test ReRun, a rough-textured display font I had seen in design showcases but hadn’t used in a live project yet.
Placing ReRun in the hero headline gave the layout an instant punch. Its bold, slightly jagged texture added a tactile feel that contrasted nicely with the clean, full-width image banner underneath. It wasn’t just about aesthetics—it was about creating a digital voice that matched the photographer’s raw, candid style.
Understanding ReRun’s Visual Personality
ReRun is a display font with attitude. It’s not meant for long paragraphs or fine print. Instead, it shines in short, impactful text elements like headlines, callouts, and logo treatments. The font has a rough, almost hand-drawn texture that gives it a bold and edgy character. It feels modern yet grounded—like a digital reinterpretation of urban signage or vintage packaging design.
Its letterforms are wide and sturdy, with subtle imperfections that make it feel more human and less machine-generated. This kind of texture works especially well in web design when you want to inject some warmth and personality without veering into overly decorative territory.
Where ReRun Works Best in Web Layouts
I found ReRun most effective in high-visibility areas of the site where visual impact mattered more than fine detail. Here are a few key places where it performed well:
- Hero Titles: Especially when layered over full-bleed images or gradient overlays. The font’s boldness helped it stand out even on mobile screens.
- Call-to-Action Buttons: Used sparingly in short phrases like “See My Work” or “Get Started,” it gave the buttons a distinctive character without confusing users.
- Logo Treatments: For brands that want a bold, modern, and slightly rugged identity, ReRun worked surprisingly well as a logotype.
- Section Headers: On interior pages, it helped break up content with visual rhythm, especially when paired with a clean sans serif for body text.
Readability Considerations for Web Use
One thing I always double-check when using a decorative font like ReRun is readability—especially on smaller screens. While it looked great at desktop sizes, I noticed that at smaller font weights or on low-contrast backgrounds, some of the textured edges started to blur together.
To compensate, I made sure to:
- Use ReRun only at larger sizes (24px and up for headers, 36px+ for hero titles)
- Maintain strong color contrast, especially on image overlays
- Avoid using it for long-form content or secondary navigation
- Test legibility across devices, particularly on mobile portrait views
Font Pairing: Balancing ReRun with Supporting Typography
Because ReRun is such a strong visual element, it benefits greatly from being paired with a more neutral typeface. On the portfolio site, I used it for headers and titles, and paired it with a clean, modern sans serif like Montserrat for body copy and navigation menus.
This contrast helped establish a clear visual hierarchy. The bold, textured ReRun grabbed attention, while the supporting font kept the content accessible and easy to scan. For more editorial-style layouts, I’d consider pairing it with a serif font like Merriweather to create a more refined, magazine-inspired aesthetic.
Using ReRun Across Different Website Types
While I tested ReRun on a creative portfolio, its versatility makes it a great fit for several other digital use cases:
- Boutique Online Stores: Adds character to product banners, sale tags, and brand headers.
- Coaching & Course Websites: Works well in hero sections, course titles, and CTA buttons to inspire action.
- Landing Pages: Perfect for bold headlines and feature highlights that need to stand out fast.
- Blog Headers: Can be used sparingly in featured posts or category headers to elevate visual storytelling.
- Digital Brand Kits: A great option for logo design or branded graphics that need a modern, handcrafted look.
Technical Considerations When Using ReRun
Before finalizing the font for the live site, I made sure to check the technical specs:
- Webfont Availability: ReRun was available through a standard font service (like Adobe Fonts or Google Fonts), or as a downloadable webfont kit.
- File Formats: I confirmed it included WOFF and WOFF2 files for optimal browser compatibility and performance.
- Styles & Alternates: Some display fonts include stylistic alternates or ligatures—ReRun had a few, which I used selectively in logo treatments.
- Licensing: Commercial use rights were verified, especially since the font would be used in client work and on an e-commerce website.
- Language Support: The font included extended Latin characters, which was important for future internationalization.
Optimizing ReRun for Mobile and Responsive Layouts
Mobile responsiveness was a key concern, especially since the portfolio site had a high mobile traffic rate. I adjusted font sizes and line heights to ensure ReRun remained legible across screen sizes. On mobile, I often reduced the amount of text using ReRun and focused on using it only in the most impactful areas—like the main headline or a prominent call-to-action.
For image overlays, I added a subtle background tint or text shadow to ensure the font remained readable even on complex visuals. Performance-wise, I limited the number of font weights loaded to keep the site fast and lightweight.
Final Thoughts on ReRun for Digital Designers
If you're looking for a display font that brings energy and character to your web projects, ReRun is definitely worth trying. It’s not a one-size-fits-all font—it works best when used intentionally in the right places. Whether you're designing a portfolio, a landing page, a boutique store, or a digital brand kit, ReRun can help elevate your typography and reinforce your brand’s personality.
As with any decorative font, moderation and testing are key. Pair it wisely, use it where it counts, and make sure it enhances—not hinders—the user experience. In the end, ReRun helped the portfolio site feel more alive, more authentic, and more aligned with the photographer’s creative identity. And that’s what great typography should do.
