Be Good: A Display Font That Gives Websites a Handwritten Personality
I was redesigning the hero section for a coaching business’s website. The existing layout felt a bit too corporate and sterile. The client wanted something that felt more personal, more human. As I cycled through my usual roster of clean sans-serif typefaces, nothing clicked. I needed a headline font that carried authenticity and confidence, not just another geometric option. That’s when I started testing Be Good.
Placing it into the mock-up was an instant shift. The bold, handwritten strokes of Be Good immediately created a focal point. It wasn’t just text; it felt like a statement. The thick, confident letterforms held their ground against the background image, while the natural, slightly irregular edges gave it a friendly, approachable vibe. This wasn't a cold, perfect machine-made font. It was a premium font with a story.
Where Be Good Works in a Digital Layout
In that project, Be Good became the cornerstone of the brand’s visual hierarchy. Here’s where a display font like this truly shines on a website:
- Hero Titles & Landing Page Headlines: Its bold presence grabs attention instantly, setting the mood for the entire page.
- Key Section Headings: For a boutique online store or a product landing page, using Be Good for category or feature titles adds a distinct, crafted feel.
- Call-to-Action Phrases & Button Text: On a short, powerful phrase like “Start Your Journey” or “Get the Guide,” the font’s personality can make the action feel more personal and direct.
- Logo Text & Brand Marks: For a creative portfolio or a small business website, Be Good can form the basis of a memorable logo, offering a ready-made, authentic style.
- Decorative Accents & Graphics: In blog header graphics, digital ads, or campaign landing page overlays, a single word in Be Good can act as a powerful visual anchor.
It’s important to remember its category: Be Good is a display font. This means it’s designed for impact at larger sizes. I wouldn’t use it for long body paragraphs on a course sales page or blog post. Its strength is in creating moments of emphasis and personality.
Readability and Performance on Screen
Any decorative font requires a usability check. When I tested Be Good in the live site environment, a few practical observations stood out.
First, its bold weight ensures it remains readable even when placed over busy background images, which is common for hero sections. The characters are distinct and don’t bleed together. For mobile layouts, I found that keeping headlines at a sufficiently large size maintained clarity. On smaller buttons, I’d recommend using it only for very short, single-word labels to avoid crowding.
Contrast is key. On dark backgrounds, the white or light-colored text in Be Good pops beautifully, maintaining its character. On light backgrounds, a deep color gives it the necessary weight. The font’s inherent openness in its letterforms helps it stay legible in these scenarios.
From a technical standpoint, before committing to any font for a web project, I always verify its webfont availability and licensing. For a commercial font like Be Good, ensuring it can be properly served as a webfont (often in WOFF2 format) is crucial for fast-loading pages and consistent rendering across browsers. Checking for included alternates or ligatures can also add subtle variety to your headlines.
Building a Cohesive Brand Experience with Font Pairing
A standout display font needs a supporting cast. Using Be Good alone across a whole website would be overwhelming. Its role is to headline, to accent. The body and supporting text need something quieter.
For the coaching site, I paired Be Good with a simple, highly readable sans-serif font for all paragraph content, form labels, and detailed explanations. This classic pairing—a expressive display font with a neutral sans-serif—creates a clear typographic hierarchy. Users scan the bold, personal headlines for mood and message, then settle into the easy-to-read body copy for information.
For a more editorial digital identity, say for a writer’s portfolio or a blog redesign, pairing Be Good with a classic serif font for body text could work beautifully, blending handwritten boldness with traditional readability. The principle is balance: let Be Good be the personality, and choose a complementary typeface for the everyday reading.
Beyond the Single Project: A Versatile Digital Asset
What started as a solution for one hero section revealed a broader utility. Be Good has become a go-to in my digital brand kits for clients who need that authentic, confident tone.
For a creative portfolio, it can make the artist’s name on the homepage feel like a signature. For a promotional landing page for a digital product, it gives the main offer a handcrafted urgency. In social media graphics derived from the website’s brand assets, it maintains consistency and impact.
This versatility comes from its core style. It’s bold enough to command attention, yet its handwritten nature prevents it from feeling aggressive or impersonal. It sits in that effective middle ground—professional yet approachable, which is a sweet spot for many modern online brands, from entrepreneurs to course creators.
The final test is always in the live environment. Seeing Be Good render on different devices, within the flow of a real website, confirms its value. It doesn’t just fill space; it adds a layer of human touch to the digital experience. For a web designer tasked with building not just a functional site, but a polished and engaging brand experience, a font with this kind of personality is more than a design asset—it’s a foundational piece of the story you’re telling online.
