How the Eighty Miles Font Brings Bold Energy to Web Design
Last month, I was sketching a new landing page for a wellness coaching business. The client wanted something that felt warm but unapologetically confident. Soft colors, yes—but the typography needed to cut through. I had a few geometric sans serifs already in the layout, but the hero title felt too polite. I started dragging different typefaces into Figma, and that’s when I came across Eighty Miles. The moment I typed the headline in all caps, the screen shifted. It wasn’t just bolder—it had this raw, slightly untamed energy that made the entire section feel alive.
Eighty Miles falls squarely into the display category. Its characters are thick, attention-grabbing, and shaped with a kind of wild geometry that still respects the core letterforms. It’s playful but not childish. That balance is surprisingly hard to find in a creative font, and it’s what made me wonder if it could hold up across a real web project, not just a quick mockup.
When the Hero Section Needs a Voice
The coaching site’s hero area had a full-width photo with a strong emotional pull. I overlaid a short, powerful phrase in the Eighty Miles font. Because the letterforms are so weighty and confident, the words didn’t vanish against the busy background. I noticed that even at large sizes—around 72px on desktop—the counters stayed open enough to keep each glyph recognizable. That openness matters more than people think, especially when a headline sits on a textured or gradient banner.
I also checked how the characters behaved when I reduced the size for a secondary tagline. At around 28px, the thickness still gave it presence, though I wouldn’t push it much smaller for body copy. This is when I confirmed what I’d suspected: Eighty Miles excels as a hero typeface, a striking section title, or a short call-to-action. For longer paragraphs, it would quickly fatigue the eye—but as a display font, that’s exactly where its limits should lie.
Wild Shapes That Still Read Clean
One thing stood out as I switched between mobile and desktop versions: even though the Eighty Miles font embraces unusual, almost hand-drawn curves, it never sacrifices readability. Some decorative typefaces fall apart once you see them on a small screen, with letter combinations that become confusing. I tested tricky letter pairs in the headline—like “V” and “A” set tight—and found the spacing felt consistent and intentional. That’s not always a given with a more expressive display font.
Because the characters carry so much visual weight, I used them sparingly. On long-scrolling pages, the eye naturally uses headings as anchor points. With Eighty Miles, those anchor points became more prominent. A single word in this typeface can signal a whole section change. I ended up using it for the site’s main value proposition, two mid-page section breaks, and the final call-to-action button text. Small doses, big impact.
Finding the Right Pairing for Body Text
A decorative typeface like this demands a calm partner. For the coaching website, I paired Eighty Miles with a clean, low-contrast sans serif for body copy—something humanist but straightforward, with a large x-height. The combination felt grounded. The body text didn’t compete; it just carried the information while the display font did the heavy emotional lifting.
I’ve also seen designers pair it with a delicate serif for editorial-style blog layouts or portfolio sites. The contrast between the thick, wild shapes of the display font and the refined structure of a classic serif can create a very current, curated look. That pairing works especially well for creative portfolios or artisanal brand sites that want to feel both high-end and approachable. If you ever try it, make sure to test line-heights and vertical rhythm early—thicker display type can sometimes throw off the balance in a tight grid.
Testing on Small Screens and Image Overlays
Readability on mobile screens is where many bold typefaces run into trouble. I opened the staging site on a phone and watched how the hero text stacked. Because the font’s strokes are thick, I increased the letter-spacing slightly on small breakpoints to prevent characters from blending at the edges. I also set a generous line-height for any two-line headings. Those tiny adjustments made a huge difference in clarity.
Dark backgrounds, light backgrounds, semi-transparent overlays—this font handled them all well, but with a small warning. On very dark modes with pure white text, the thick shapes can feel heavy enough that they dominate the screen. I think that’s a strength when you want to be loud, but if your brand leans toward minimal and airy, I’d use Eighty Miles in a lighter weight or at a smaller scale to keep the overall tone balanced. The good news: it still maintains its personality at lower weights, so you don’t lose the distinct voice.
Where This Font Fits in a Digital Brand
After that coaching project, I started thinking about other places a font like this could live. An online boutique for handmade ceramics could use it for category banners, bringing a tactile, handcrafted quality without losing digital legibility. A creative portfolio site might place it in the header nav or on the “about” page for a dash of personality. A course sales page could set the enrollment deadline in Eighty Miles to create urgency that doesn’t feel aggressive. And for digital ads—think large, short headlines over rich photography—this typeface becomes a natural focal point.
Logo design is another possible space, though I’d be more careful there. Because the shapes are so distinctive, a logotype set in this font could work for a brand that wants to feel bold and slightly unconventional. I’d test it in all caps and mixed case to see if the quirks still align with the brand’s core message. For the coaching site, I reserved it for the wordmark only—a shortened version of the business name that sat in the top-left corner—and kept the primary navigation in a neutral sans serif.
What to Check Before You License a Display Font
When using a font like Eighty Miles on a live website, the practical steps matter as much as the creative ones. First, I checked the webfont availability and the included file formats. WOFF2 support is essential for modern browsers, and I always make sure the license covers pageviews for the intended traffic, especially for commercial work or client projects.
I also looked into multilingual support. If your site needs extended Latin characters or specific diacritics, confirm they are included before you build your typographic system. The coaching site was only in English, so it wasn’t a concern, but it’s worth noting for any brand that serves a global audience.
Another point: alternates and extra weights. Some display fonts ship with stylistic alternates that can subtly change the mood. In working with Eighty Miles, I noticed the default shapes were already so strong that I didn’t need alternates to make a statement. But for a designer who wants more flexibility, checking the full glyph set before buying is a smart habit. That way, you aren’t discovering missing characters during a tight deadline.
Building Trust Through Thoughtful Typography
It might sound abstract, but a well-chosen typeface affects how people feel about a brand in those first three seconds. If the type feels generic, the site blends into a sea of templates. If it’s too quirky, trust erodes. The reason I kept coming back to Eighty Miles in this project was that it walked that line—expressive enough to stand out, structured enough to feel intentional. Not every brand needs a loud primary typeface, but for those that do, this one delivers a memorable first impression without undermining usability.
When I looked at the finished coaching page as a whole, the text hierarchy felt clear. The hero title grabbed attention, the body text invited reading, and the CTAs stood out with just enough visual weight. That balance is the core work of web typography, and a display font like this can either make it sing or make it chaotic. With the right spacing, pairing, and restraint, Eighty Miles did the former.
