Choosing During: A Friendly Handwritten Font for Modern Web Design
I was rebuilding the homepage for a small creative coaching business. The existing layout felt stiff, and the brand wanted to inject more warmth and personality into their online presence. As I scrolled through my font library, I landed on During, a sweet and friendly handwritten display font. Its immediate appeal was its casual, approachable curves—it looked like a kind note left on a desk, not a rigid corporate statement. I dragged the font file into my design tool and typed out their new proposed headline: “Find Your Creative Voice.” Instantly, the page’s mood shifted.
The Digital Personality of a Handwritten Font
During possesses a specific visual character that translates uniquely to screens. It’s cute and fun, with a balanced rhythm that avoids the overly chaotic feel of some script fonts. The letters connect in a gentle, flowing manner, but maintain enough individual clarity to be legible at larger sizes. This makes it ideal for digital moments where you want to convey warmth, authenticity, or a personal touch. In a landscape dominated by clean, geometric sans-serifs, During offers a human counterpoint.
For the coaching site, this personality was key. Their service was about personal growth and supportive guidance. Using a cold, technical font would undermine that message. During, placed in the hero section above a softer photograph, immediately communicated “friendly” and “helpful.” It wasn’t just about aesthetics; it was about aligning the typography with the brand’s emotional core.
Practical Application in Web Layouts
Display fonts like During are powerful, but their use requires strategic restraint. My primary rule: never use it for body copy. Its handwritten nature is perfect for short, impactful text that users scan quickly. I tested it across several key website areas.
Hero Sections and Landing Page Headlines
This is During’s natural home. A headline like “Welcome to Our Studio” or “Launch Your Next Project” gains immediate charm. On the coaching site, I used it solely for the main H1 title. This created a strong focal point and set the tonal stage for the entire page. The surrounding subheadings and paragraphs were set in a simple, neutral sans-serif, establishing a clear visual hierarchy.
Call-to-Action Buttons and Key Phrases
For a primary button, a pure script font can sometimes reduce clarity. Instead, I used During for short, reinforcing phrases near CTAs. On a product landing page for a boutique online store, I might place “Handcrafted for You” in During above a “Shop Now” button set in a bold sans-serif. This decorative accent draws attention and reinforces the brand’s handmade ethos without compromising the button’s actionable readability.
Blog Graphics and Campaign Banners
In digital marketing assets, During can add a branded signature. For a blog redesign, using it for the graphic titles of featured posts creates consistent, recognizable styling across articles. In a promotional email or a social media banner for a course launch, a key quote or offer rendered in During feels more personal and engaging than standard type.
Readability and Technical Considerations for the Screen
Every font choice must pass a usability check. With During, readability is paramount. On desktop, at a sufficient size (I’d recommend never smaller than 28px for a headline), it performs beautifully. But responsive design means testing for mobile. On smaller screens, I increase the size further and ensure ample letter spacing. Its friendly curves need room to breathe on a narrow viewport.
Contrast is another critical factor. Placing During over a busy background image can break its legibility. I opt for solid color sections or carefully blurred image areas to ensure the font stands out. Similarly, checking both light and dark mode variants is essential—the font’s thin connections might need slight weight adjustments in inverted color schemes.
Before committing to any font for a web project, I always verify its technical specs. Is it available as a webfont (WOFF2, WOFF)? Does the license cover commercial use on a live website? Does it include the necessary stylistic alternates or multilingual support my project might need? For a client’s online store, these are not just creative details; they are foundational requirements for a polished, professional brand experience.
Crafting a Cohesive Digital Brand with Font Pairing
A display font cannot work alone. It needs a supporting cast. During’s playful, handwritten style demands a simple, highly readable counterpart for all other text. My go-to pairing is a clean, neutral sans-serif for body copy, navigation, and most UI elements. This combination allows During to shine as a decorative accent without overwhelming the user or sacrificing overall page scannability.
For a more editorial digital identity, like a portfolio for a photographer or writer, pairing During with a classic serif for long-form paragraphs can work wonderfully. The serif adds a touch of traditional authority, while During provides a modern, personal flair in the headings. The goal is balance: let the script font express personality, and let the practical fonts handle the heavy lifting of information delivery.
Building Consistency Across Touchpoints
Using During consistently across a website—and potentially in aligned social media graphics or digital ads—builds a stronger brand memory. When a user sees the same friendly handwriting on the website’s about page, a course sales page, and an Instagram story, it reinforces a cohesive identity. This consistency fosters brand trust and makes the overall online experience feel more thoughtful and polished.
For the creative coaching site, I extended During’s use to their email newsletter headers and the titles within their digital course portal. This created a seamless journey from the first website visit to the final product experience. The font became a subtle but recognizable thread tying their digital ecosystem together.
Where During Fits in Your Toolkit
During isn’t a universal solution. It’s a specialist. It excels in projects that aim to feel human, welcoming, and slightly whimsical. Think boutique online stores, creative portfolios, coaching or wellness websites, course platforms for artistic skills, blog headers for personal journals, or campaign pages for community-driven events. It’s less suited for technical SaaS platforms, financial services sites, or news portals where absolute neutrality and speed of comprehension are primary.
My final test is always an emotional one. I look at the layout and ask: does this typeface make the brand feel more like itself? For many modern online brands seeking to differentiate through warmth and connection, a font like During can be a simple, yet profoundly effective, answer. It turns a standard headline into an invitation, and a digital layout into a conversation.
