Totally Tubular: A Hand-Drawn Retro Display Font for Bold Digital Branding
Two days ago, I was finalizing the hero section of a boutique online store’s new product landing page—think handmade ceramics, earthy tones, and a warm, tactile brand voice. The headline needed to feel human, playful, and unmistakably hand-crafted. That’s when I dropped Totally Tubular into Figma. Instantly, the layout exhaled. This Display font isn’t just decorative—it’s a mood shift. With its chunky, uneven strokes, slight bounce in the baseline, and that unmistakable ’70s tube-light energy, Totally Tubular turned a static banner into something you’d want to lean in and trace with your finger.
Totally Tubular for Product Landing Pages and Hero Section Impact
As a UI designer, I test fonts in context—not just as isolated glyphs, but as functional design assets. For this landing page, I used Totally Tubular exclusively for the main headline (“Hand-Thrown, Heart-Felt”) and kept body copy in a clean, highly legible sans serif. Why? Because Totally Tubular thrives where attention is earned, not demanded. It’s not built for paragraphs or mobile navigation labels—but it *is* perfect for anchoring a first impression. On desktop, the full outline + solid combo gave me flexibility: I layered the solid version over the outline for subtle depth in the hero banner. On mobile, I scaled back to the solid version only—tight letter-spacing and generous tracking kept it crisp even at 48px on a 375px viewport.
Totally Tubular for Creative Portfolios and Visual Hierarchy Control
Last week, I helped a multidisciplinary illustrator refine her portfolio homepage. Her work is joyful, analog, and slightly irreverent—so defaulting to sleek geometric sans serifs felt off-brand. We swapped in Totally Tubular for her name in the masthead and project category tags (“Zines,” “Murals,” “Sticker Packs”). Crucially, we reserved it *only* for top-level identifiers—not captions, buttons, or filters. That restraint preserved visual hierarchy: users scanned instantly to her name, then drifted down to thumbnails and descriptions rendered in a neutral, accessible typeface. Totally Tubular didn’t compete—it curated. As a Display font, its job wasn’t to explain; it was to invite.
Totally Tubular for Online Shop Banners and Branded Web Content
E-commerce banners live in high-noise environments—scrolling feeds, competing CTAs, thumbnail fatigue. So when testing Totally Tubular for a limited-run shop banner (“Summer Drop Live Now”), I paid close attention to contrast and timing. Over a light linen-textured background, the solid version popped cleanly. Over a muted photo overlay, I switched to the outline version with a subtle white stroke—just enough separation without sacrificing charm. No kerning tweaks were needed; the built-in spacing in Totally Tubular feels intuitive, almost conversational. And because it’s a well-structured Fonts package (with both solid and outline variants in OTF/TTF), swapping styles mid-project took seconds—not hours.
Totally Tubular for Course Sales Pages and Trust-Building Tone
I recently audited a course creator’s sales page where headlines felt generic and emotionally flat. She teaches intuitive illustration—and her audience responds to warmth, imperfection, and authenticity. We replaced the default bold sans serif headline with Totally Tubular, set at 64px with 1.1 line-height. Immediately, the tone shifted from “instructional” to “invitational.” Not childish, not gimmicky—just human-scaled and confidently handmade. For subheads (“What You’ll Make,” “Your First Sketch Starts Here”), we used the outline version at 42px with tight tracking to create rhythm. Body text stayed in a warm, open sans serif (Inter, variable weight) for maximum readability and accessibility. The result? Less cognitive load, more emotional resonance—exactly what a Display font should enable.
Totally Tubular for Blog Headers and Editorial Digital Identity
For a redesign of a slow-living blog’s archive page, we used Totally Tubular sparingly but intentionally: only on the site title in the header and on category badges (“Essays,” “Recipes,” “Field Notes”). It added texture without overwhelming. Key insight: Totally Tubular works best when paired with typefaces that *don’t* try to match its energy. A gentle serif (like Literata) for article titles, a relaxed sans (like Manrope) for body copy—these pairings let Totally Tubular shine as punctuation, not wallpaper. Also worth noting: no ligatures or alternate glyphs cluttered the set, which simplified implementation across CMS platforms and reduced FOIT risk.
Totally Tubular for Digital Brand Kits and Consistent Visual Language
A client asked me to build a digital brand kit for their new creative workshop series—think weekend retreats, analog tools, collaborative making. They wanted typography that felt like part of the experience, not just decoration. Totally Tubular became the cornerstone: used in email headers, social media cover graphics, and PDF workshop guides. Because it’s a single-weight Display font with two distinct styles (solid + outline), it offered consistency *and* variation—no need to license multiple weights or worry about licensing complexity. It’s a commercial Fonts release, so usage across client sites, templates, and digital assets was straightforward. No hidden fees, no webfont subscription—just clean, ready-to-deploy files.
If you’re choosing Totally Tubular for your next project, remember: its power lies in intentionality. Use it where personality matters most—hero sections, logos, campaign headers, shop announcements, portfolio accents. Pair it with quiet, functional typefaces for everything else. Test it early on real devices, especially over imagery and dark mode. And trust that when a font feels this joyfully handmade, it’s not just adding style—it’s reinforcing voice, building recognition, and quietly saying, “This was made with care.” Totally Tubular isn’t background noise. It’s the first sentence of your brand’s story—and it deserves to be heard.
