Whatcha Doing: A Friendly Display Font for Human-Centered Web Design
Last week, I was refining the hero section of a new coaching website — warm, grounded, intentionally unhurried. The client described their brand voice as “thoughtful but never stiff,” and the existing sans serif headline felt… polite. Too polite. So I dropped in Whatcha Doing — and suddenly the page exhaled.
That’s the first thing you notice: Whatcha Doing doesn’t shout. It leans in. Its bouncy, monolinear rhythm mimics the gentle give of a felt-tip marker on paper — not rigid, not pixel-perfect, but consistently human. As a display font, it’s built for moments where tone matters more than density: hero headlines, section dividers, CTA buttons with personality, or the subtle tagline beneath a logo. It’s not meant for paragraphs or data tables — and that’s its strength.
I tested it across real layouts: over soft-gradient image banners, against clean white backgrounds, and even on a muted charcoal footer. On mobile, I made sure to keep line lengths short and font sizes generous (28px minimum for headlines on small viewports). Whatcha Doing holds up well at scale, but like any expressive display font, it rewards restraint. I used it only for primary headers and one strategic accent — a hand-drawn-style “What’s included?” subhead on a course sales page. That single use created visual breathing room and quietly signaled warmth without sacrificing clarity.
Readability? It’s excellent — when used intentionally. The open counters, consistent stroke weight, and friendly x-height make it surprisingly legible even at 32px on a bright OLED screen. But I did avoid placing it directly over busy photo backgrounds without contrast overlays, and I always added subtle text shadows or background tinting when needed. No surprises there — just standard web typography hygiene.
Where Whatcha Doing shines is in digital spaces that benefit from approachability: boutique online stores (imagine it on a “New Arrivals” banner), creative portfolios (as a playful yet confident project title), blog headers (replacing sterile uppercase sans serifs), or campaign landing pages aiming for authenticity over authority. It’s especially effective for brands stepping away from corporate sterility — think wellness practitioners, indie educators, ceramic studios, or sustainable product launches.
It’s not a logo font by default — though it *can* work beautifully in logotype when paired with tight spacing and thoughtful kerning. What it *is*, reliably, is a brand amplifier. Used once or twice per page, it reinforces voice without competing with content. I’ve seen it elevate a simple “Get Started” button into something that feels like an invitation — not a command.
Font pairing is where Whatcha Doing becomes truly versatile. I almost always pair it with a neutral, highly readable sans serif — think Inter, Manrope, or even system fonts like -apple-system — for body copy and navigation. The contrast works: Whatcha Doing brings character; the sans serif delivers clarity. For a more editorial or artisanal feel, I’ve paired it with a warm, low-contrast serif like Cormorant Garamond — the combination feels intentional, crafted, and quietly confident.
Before deploying it on the live site, I checked three practical things: First, webfont availability — Whatcha Doing includes WOFF2 files, so loading performance stays light. Second, licensing — it’s a commercial font, fully cleared for client websites, SaaS dashboards, and e-commerce storefronts (no hidden restrictions). Third, language support — it covers Latin-based languages thoroughly, including accented characters used across English, Spanish, French, and Portuguese — essential for any global-facing site or multilingual blog.
I also looked at what’s included beyond the base style. Whatcha Doing ships with stylistic alternates — subtle variations in letterforms that let you fine-tune rhythm and flow. One alternate ‘a’ softened the vibe further; another ‘g’ added just enough quirk for a social media graphic. These aren’t gimmicks — they’re design tools, letting you adjust tone without switching typefaces.
One note on usage discipline: Whatcha Doing works best when it’s *earned*. I avoid stacking it with other decorative fonts, and I never use it for form labels, error messages, or navigation links. Its power lies in contrast — in being the only place on the page that feels hand-drawn, relaxed, and warmly imperfect. When everything else is structured and functional, Whatcha Doing becomes the emotional anchor.
It’s also worth mentioning how it performs in fast-loading contexts. Because it’s a single-weight, monolinear display font — no bold or italic variants needed for most use cases — it adds negligible KB to your font stack. No FOIT or FOUT drama. Just smooth, immediate presence.
In the end, Whatcha Doing isn’t about novelty. It’s about alignment. When your brand values empathy, slowness, craft, or joy — and your users are scrolling past dozens of polished, algorithm-optimized sites every day — a font like this becomes quiet strategy. It says, without saying: *We see you. We’re not rushing. Let’s begin here.*
For UI designers building landing pages, portfolio sites, or digital brand kits, Whatcha Doing is more than a pretty face. It’s a tool for tonal precision — a way to embed warmth into the skeleton of your layout, one headline at a time.
- Best for: Hero titles, section headings, CTAs, shop banners, blog headers, campaign accents
- Avoid for: Body text, dense lists, small interface elements (like tab labels or micro-copy)
- Pair with: A clean sans serif for readability, or a gentle serif for editorial depth
- Check before launch: Webfont format (WOFF2), commercial license scope, and language coverage
