Make Today Better: A Playful Display Font for Digital Brands
It started with a hero section. I was redesigning a landing page for a small creative coaching business—warm, human-centered, full of optimism—and the existing headline font felt flat. Too safe. Too neutral. So I swapped in Make Today Better, set it at 48px over a soft gradient background, and watched the whole layout exhale. Instant lift. Instant personality. That’s when I knew this wasn’t just another display font—it was a mood shift, built into typography.
A Font That Feels Like a Smile
Make Today Better is exactly what its name promises: a cool, playful, brushed display font with subtle texture and effortless rhythm. It’s not overly ornate, but it’s never generic—each letter carries gentle pressure variation, like ink pulled across paper with a slightly worn brush pen. The rounded terminals, open counters, and friendly x-height give it warmth without sacrificing clarity. It reads as joyful, approachable, and authentically handmade—even on screen. As a web designer, I don’t reach for display fonts lightly. But Make Today Better lands somewhere rare: expressive enough to carry brand voice, yet restrained enough to feel intentional, not gimmicky.
How It Performs in Real Web Layouts
I tested Make Today Better across multiple contexts: hero headlines, section dividers, CTA buttons, testimonial accents, and even subtle decorative text in blog headers. On desktop, it shines at sizes 36px and up—especially with generous letter spacing (I default to 0.5–1.2px depending on weight and line length). On mobile, it holds up beautifully at 28–32px with tight viewport padding and a solid contrast ratio against light or muted backgrounds. I avoided using it under 24px, and never on form labels, navigation links, or dense paragraphs—this is a display font, not a workhorse. And that’s perfectly okay.
One standout moment? Placing it over a softly blurred lifestyle image in a portfolio site’s “About” banner. Because of its brushed texture and medium contrast, it didn’t compete with the photo—it anchored it. No heavy drop shadow needed. Just clean CSS text-shadow: 0 1px 2px rgba(0,0,0,0.1) for subtle definition on light overlays.
Pairing It Thoughtfully (No Guesswork Required)
Display fonts live or die by their pairings—and Make Today Better plays beautifully with simplicity. I consistently paired it with Inter (a highly legible, open-source sans serif) for body copy, navigation, and cards. The contrast works because Inter grounds the energy of Make Today Better without dulling it. For a more editorial or boutique feel, I tried it with IBM Plex Serif—the slight serifs added quiet sophistication while letting the display font keep center stage.
What *doesn’t* work? Pairing it with another high-contrast script or an ultra-thin sans. It needs breathing room and visual contrast—not competition. And while it has a charming irregularity, it doesn’t mimic handwriting closely enough to pair well with true script fonts unless used very sparingly (e.g., one word in a tagline).
Technical Fit for Modern Web Projects
Before dropping it into production, I checked the file package: WOFF2 and WOFF formats included, plus OTF for design tools—exactly what you’d want. No variable axis, but four solid weights (Light, Regular, Medium, Bold), each with matching italics and basic OpenType features like standard ligatures and discretionary alternates. I used the alternates sparingly—mostly swapping the lowercase “a” and “g” in logo lockups for extra character—but kept defaults for most web use. Multilingual support covers Latin Extended-A, so it handles common European accents cleanly. Just remember to declare fallbacks and test loading performance: at ~120KB total for all weights, it’s lightweight enough for fast LCP scores when served via modern CDNs.
Licensing was straightforward—commercial use is covered, including client sites, SaaS dashboards (for headings only), and digital templates sold on marketplaces. Always verify your license scope if embedding in downloadable web kits or white-labeled tools, but for standard websites and landing pages? It’s plug-and-play.
Where It Adds Real Value—and Where to Step Back
This font earns its place in hero sections, course sales pages, portfolio intros, and boutique shop banners—anywhere first impression matters and emotional resonance supports conversion. On a coaching site, it made “Start Your Creative Journey” feel inviting, not intimidating. On a ceramicist’s online store, it turned “Handmade Mugs” into a quiet celebration. Even in email headers and social preview images, it boosted click-through simply by standing out—without shouting.
But I wouldn’t use it for:
- Navigation menus or footer links (too decorative for scanning)
- Form inputs or error messages (accessibility and clarity first)
- Long paragraph headings or article titles under 20 words (it thrives on brevity)
- Dark mode interfaces with low contrast (test carefully—some weights soften too much)
- Dense dashboard UIs where speed and precision trump personality
It’s not meant to do everything. It’s meant to do one thing exceptionally well: make today—on screen, in layout, in brand voice—feel a little lighter, a little brighter, and unmistakably human.
