During: A Sweet Handwritten Font for Digital Charm
It started with a hero section. I was redesigning a landing page for a small creative coaching business—warm, human-centered, full of intention—and the default sans serif headline felt… polite. Too polite. Like shaking hands instead of hugging. So I dropped During into the H1 tag, set it at 48px on desktop and watched it bloom: soft curves, gentle pressure variation, that unmistakable handwritten ease. Instant warmth. Instant recognition. Not just “a font”—but a tone-setter.
How During Shapes First Impressions Online
During is a sweet and friendly handwritten display font from the Script Amp category—a thoughtful, intentional choice when you need personality without pretension. It’s not overly ornate or tightly connected like some formal scripts; instead, it breathes. Letters have space to land, strokes taper naturally, and the rhythm feels unhurried—like someone smiling as they write your name on a gift tag. That matters more than you’d think in digital spaces, where users scan in under three seconds. On a product landing page, During turned “Your Creative Journey Starts Here” from functional to inviting. On a boutique online store banner, it softened a minimalist layout without sacrificing clarity.
Responsive Behavior: Does It Hold Up on Mobile?
Yes—but with nuance. I tested During across devices: iOS Safari, Chrome on Android, and responsive previews in Figma. At 36px+ on mobile, it retains its charm and legibility. Below 28px, subtle details (like delicate entry/exit strokes) begin to soften—not a flaw, but a reminder that During is a display font, not a workhorse. It shines in headlines, section titles, CTA buttons (“Let’s Begin”), and short decorative accents (“Hand-poured • Small-batch • Made with care”). For navigation menus, form labels, or paragraph text? Pair it thoughtfully with a clean, highly legible sans serif—think Inter, Poppins, or even system fonts like -apple-system. That contrast creates hierarchy *and* trust.
Pairing & Practical Typography Choices
One of the quiet strengths of During is how gracefully it pairs. I used it with Inter (variable weight) across a portfolio site: During for project titles and intro lines, Inter for body copy, captions, and UI elements. The combination felt cohesive—not “designed,” but *considered*. For a course sales page, I paired it with a light serif (Cormorant Garamond) for subheaders, letting During handle emotional hooks (“You’ve Got This,” “Start Where You Are”). No clashing. No visual competition. Just harmony. If you’re building a digital brand kit, During works beautifully as your expressive accent—never your foundation.
Real-World Web Uses That Just Clicked
Here’s where During earned its place in my design toolkit:
- Landing page headlines — especially for creative services, wellness offerings, or handmade brands
- Section dividers — “What Clients Say,” “How It Works,” “Join the Circle”
- CTA buttons — “Say Hello,” “Get the Guide,” “Book Your Spot” (at 20–24px, with ample padding)
- Blog post headers — giving editorial rhythm without sacrificing scannability
- Digital brand kits — as a licensed, web-ready asset for clients who want approachability
- Social media graphics — exported as crisp SVG or PNG overlays for Instagram carousels and Pinterest pins
It also performed beautifully over image banners—its medium weight held up against textured backgrounds, and its open letterforms avoided visual crowding. No heavy outlining needed.
What to Check Before You Deploy
Before dropping During into a live site or client project, I always verify a few things: First, webfont availability—does it come with WOFF2 files? (It does.) Second, licensing—During includes commercial use rights for websites, SaaS interfaces, and digital templates, which covers most small business and creator needs. Third, character support—while optimized for English, it includes standard Latin punctuation and accented characters common in European languages. Fourth, stylistic alternates—I found a few charming ligatures (like “fi” and “fl”) and optional swashes in the OpenType features, perfect for subtle polish in hero text or logo lockups.
That said, During isn’t built for dense interfaces. Skip it for dashboard tables, error messages, or multi-line form fields. And while it’s lovely on light and dark backgrounds alike, avoid placing it directly over busy photo textures without sufficient contrast or subtle drop shadows—it’s friendly, not forgiving.
Why It Feels Like a Design Upgrade—Not Just a New Font
Using During didn’t just change the look of a page—it shifted the feeling of the experience. Visitors lingered longer on the coaching site’s homepage. Testimonials felt more personal. Even the “Thank You” page after sign-up carried a gentle, human resonance. In a world of algorithm-driven interfaces and frictionless flows, During reminds us that digital spaces can still feel handmade. Thoughtful. Kind.
If you’re selecting fonts for a brand that values authenticity over austerity—or simply want a display typeface that adds soul without sacrificing usability—During earns its place. Not as a trend, but as a tool: warm, well-crafted, and quietly confident.
