Why Dillydallier Became My Go-To Display Font for Modern Websites
I was in the middle of a redesign for a new coaching website, staring at a hero section that felt a little too safe. The client wanted something that conveyed energy and creativity, but the sans-serif headline I’d initially chosen was just… bland. It was functional, but it wasn’t memorable. I needed a typeface with personality, something that could be the visual anchor for the entire brand experience online. That’s when I started testing Dillydallier.
The First Impression: A Techno Font with Unexpected Versatility
Dillydallier, by Chequered Ink, is described as a stylish techno font. On first glance, that’s accurate—it has a distinct, constructed feel with a rhythmic, almost architectural geometry. But what struck me immediately was its personality. It’s confident and modern, but not harsh or overly futuristic. It carries a playful energy, which makes it perfect for brands that want to feel innovative and approachable, not cold and robotic. The fact that it comes in both a regular and a straight version was the first hint of its practical versatility for digital work.
I dropped the regular version into my mockup’s main headline. Instantly, the page had a focal point. The characters have a wonderful balance; they’re distinctive enough to stand out, but the shapes are clean and open, maintaining good readability even at larger sizes. This isn’t a font that sacrifices legibility for style, which is a critical line to walk in web design.
Putting It to Work in a Real Layout
For the coaching site, I used Dillydallier Regular for the primary H1 and H2 tags. The straight version became a perfect companion for shorter, punchier statements in call-to-action areas and sidebar quotes. This interplay between the two styles within the same typeface family created a nuanced typographic hierarchy without introducing a disjointed feeling. It felt cohesive, a unified voice with two different tones.
In the context of a website, Dillydallier excels in specific roles. It’s a display font, and in my experience, it performs best where you need impact and brand definition:
- Hero Sections & Landing Page Headlines: Its character gives a page an instant mood. For a product landing page or a campaign launch, it can set the tone before a user reads a single word.
- Section Headings & Pull Quotes: Breaking up long content on a blog redesign or a course sales page, it draws the eye and reinforces key ideas.
- Call-to-Action Buttons & Short Phrases: On a button for a boutique online store, a phrase like “Shop Now” or “Explore Collection” gains a tactile, clickable presence.
- Logo Text & Branded Accents: For a digital brand kit, using Dillydallier for a wordmark or a logotype can establish a modern, creative core identity.
I wouldn’t use it for body copy—that’s not its job. Its role is to be the memorable signpost, guiding users through the visual landscape of your site.
Readability in the Digital Environment
A font’s beauty in a mockup doesn’t guarantee success on a live website. I always test across devices and contexts. With Dillydallier, I checked three key scenarios:
First, on mobile screens. Display fonts can sometimes crumble on small viewports, becoming unclear or oddly spaced. I found that at reasonable sizes (nothing too tiny), Dillydallier held up well. Its open forms and consistent stroke weights meant it didn’t become a blurry mess on a phone screen.
Second, over imagery. The client’s site had full-width background images in some sections. Placing the font over varied textures and colors required attention. The straight version, with its more uniform terminals, sometimes performed better over busy backgrounds, while the regular version needed a careful contrast check—a semi-transparent background overlay or a subtle shadow to ensure separation from the image.
Third, in fast-loading contexts. This is a practical, often overlooked concern. Using a font as a central brand element means it needs to load quickly and reliably. Knowing it’s available as a webfont was essential. I always verify file formats, weights, and licensing for client projects to avoid any technical or legal hiccups later.
Building a Complete Typographic System
No font lives alone on a website. The choice of a display typeface like Dillydallier forces you to think about its partner—the text font for paragraphs, lists, and detailed content. For this project, I paired it with a simple, neutral sans-serif. The contrast worked beautifully: Dillydallier provided the personality and brand color, while the sans-serif ensured effortless reading of longer text blocks.
For a more editorial digital identity, say for a writer’s portfolio or a thought leadership blog, pairing Dillydallier with a classic serif font could create an interesting dynamic of modern energy and traditional authority. The key is to let the display font be the star for headlines, and choose a body font that is unambiguously readable and supportive.
This pairing extends beyond the website to social media graphics, digital ad banners, and email header images. Using Dillydallier consistently across these touchpoints reinforces brand recognition. It turns a typeface into a visual asset.
Affecting the User Experience Beyond Aesthetics
The practical story of choosing a font isn’t just about making things look cool. It’s about how that choice influences the user’s journey. A distinctive, well-implemented display font like Dillydallier contributes to visual hierarchy. Users scan a page, and clear, styled headings help them find what they need faster. This supports scanning behavior and can improve engagement.
It also builds brand trust and professionalism. A cohesive, intentional typographic system signals care and polish. It tells visitors that the brand has considered its presentation. In a competitive space like an online store or a SaaS landing page, these subtle signals of quality can make a difference.
For the coaching website I was building, Dillydallier helped communicate the client’s core message: modern, creative, and dynamic. The font didn’t just decorate the words; it amplified them.
Where It Fits in the Wider Design World
My testing with this one project opened up thoughts about its broader application. Dillydallier isn’t just for tech brands. Its playful, constructed style could be perfect for a creative portfolio, a bold product launch page, or a promotional landing page for a lifestyle brand. It has a digital appeal that feels current without being trendy.
Before committing to any font for a web project, I always dig into the details. Does it have the glyphs I need? Is multilingual support covered if the client’s audience is global? For Dillydallier, its inclusion of two distinct styles (regular and straight) already offers a level of flexibility that many single-weight display fonts lack. This is a premium advantage for creating varied yet consistent layouts.
The final step is always the live implementation. Seeing Dillydallier render in a browser, across different devices, interacting with CSS styles like letter-spacing and line-height, confirms the choice. It’s there, in the live environment, that a font truly proves its value—not just as a design asset, but as a functional component of a polished online brand experience.
In the end, the coaching site launched with Dillydallier at its visual helm. The client’s feedback was simple: “It feels like us.” That’s the goal. A font should do more than fill space; it should embody a piece of the brand’s character. For projects that need a blend of modern tech and human creativity, Dillydallier has become a reliable, versatile tool in my type library.
