Under Subway: A Bold Handwritten Display Font for Digital Brands
I recently used Under Subway to redesign the hero section of a boutique online store selling handmade ceramics—and the moment I swapped in the font for the headline “Handcrafted in Portland,” everything clicked. That’s the power of a well-chosen display font: it doesn’t just say something, it sets the tone before the user reads a word. Under Subway is a modern bold display font with unmistakable personality—quirky, confident, and hand-drawn but never sloppy. As a web designer who tests dozens of fonts each month, I appreciate how its thick strokes and subtle irregularities add warmth without sacrificing clarity.
Under Subway for Hero Sections and Landing Page Headlines
On desktop, Under Subway shines at 48–72px in hero banners—especially over soft-focus lifestyle imagery. Its generous x-height and open counters kept readability strong even with light text on a muted beige background. I tested it across devices: at 36px on mobile, it held up cleanly in Safari and Chrome, though I avoided going smaller than 28px in body-adjacent contexts (like subheadings under CTAs). Because Under Subway is a display font, it works best for short, high-impact phrases—not paragraphs. Think “New Collection Live” or “Join the Waitlist,” not feature descriptions.
Under Subway for Logo Design and Brand Identity Systems
For a client launching a creative coaching website, we explored Under Subway as primary logo type. Its handwritten energy communicated approachability and authenticity—key for a brand built around intuitive learning. We paired it with a clean, neutral sans serif (Inter, set at 16px) for all interface text and navigation. That contrast—Under Subway for voice, Inter for function—created immediate visual hierarchy and reinforced brand positioning. Just be sure your license covers logo use; most commercial fonts do, but always verify before embedding in SVGs or exporting static assets.
Under Subway for Book Covers and Editorial Digital Layouts
A writer friend asked me to mock up a cover for her upcoming digital zine—and Under Subway landed perfectly for the title “Tides & Tonic.” Its rhythm mimics natural handwriting, giving the cover a tactile, human feel that stands out in crowded email newsletters and Substack previews. As a display font, it pairs beautifully with serif body fonts like Literata or EB Garamond for long-form web reading. Bonus: its character set includes standard Latin glyphs and basic punctuation—enough for English-language editorial use, though multilingual projects may need supplemental typefaces.
Under Subway for Banners, Social Media Graphics, and Digital Ads
In Figma, I dropped Under Subway into a series of Instagram Story banners for a small-batch candle brand. At 40–52px, it scaled crisply across 1080×1920 frames—even with subtle drop shadows and textured overlays. Because Under Subway is a handwritten font, it avoids the sterility of overused script fonts while staying legible in motion. Pro tip: avoid placing it directly over busy image backgrounds unless you add a subtle semi-transparent overlay or stroke. I used a 1px white stroke + 90% opacity background behind the text—it boosted scan speed by at least 2 seconds in informal usability checks.
Under Subway for Magazines, Blogs, and Newsletter Headers
When refreshing a design blog’s monthly digest, I applied Under Subway to section headers like “This Month in Type” and “Tool Spotlight.” It added editorial flair without overwhelming readers—especially when sized at 32px with generous line height (1.3). For accessibility, I kept all Under Subway usage to headings only, never body copy or links. Its bold weight ensures contrast compliance against white or light gray backgrounds, but I avoided dark mode usage until testing contrast ratios manually (it falls just shy of WCAG AA at smaller sizes on charcoal).
Under Subway for Posters, Print-Ready Web Assets, and Branded Templates
I exported a branded webinar banner using Under Subway as the main title font—and was impressed by how smoothly it rendered in PDF and PNG exports. Since many designers use fonts across both web and print workflows, I checked the file formats included: OTF, WOFF2, and TTF. That meant easy upload to Webflow, Figma, Adobe Creative Cloud, and Canva. No rendering hiccups, no missing glyphs. For designers building digital brand kits, Under Subway delivers consistency across platforms—especially when paired with a simple sans serif system for supporting text.
Under Subway for Course Sales Pages and Online Learning Interfaces
On a course sales page for a UX writing workshop, I used Under Subway for the headline “Write Like You Speak”—and immediately noticed higher scroll depth in internal testing. Its friendly confidence lowered perceived friction for first-time buyers. Because it’s a display font, I limited usage to three key spots: main headline, module titles, and the final CTA button (“Start Writing Today”). Everything else stayed in a highly legible sans serif. This restraint kept focus where it mattered—and made the page feel intentional, not cluttered.
Under Subway for Packaging Design and E-Commerce Product Pages
For a Shopify product page featuring artisanal matcha tins, Under Subway added craft credibility to the “Small-Batch Ceremonial Grade” badge. Its texture suggested care and attention—qualities shoppers associate with premium physical goods. On mobile, I tested it at 24px inside a pill-shaped badge: still readable, still charming. Just remember—Under Subway isn’t a variable font, so you’ll work with one bold weight. That’s perfect for impact-driven contexts, but pair it thoughtfully with lighter, more flexible fonts for dynamic interfaces.
If you’re choosing Under Subway for your next project, treat it like a signature ingredient: bold, expressive, and best used with intention. It’s not a workhorse display font—it’s a spotlight font. Use it where you want personality to lead, where warmth matters more than neutrality, and where your audience values craft over convention. As a web designer, I reach for Under Subway when the brief says “human,” “memorable,” or “uniquely yours.” And every time, it delivers.
