Bollamo: A Handwritten Font for Web Design
While working on a boutique online store’s homepage, I stumbled upon Bollamo—a font that felt like a breath of fresh air. It’s the kind of typeface that makes you want to lean in and read every word, even if it’s just a product title. As a web designer, I’m always on the lookout for fonts that bring personality without sacrificing clarity. Bollamo checks both boxes.
The Visual Appeal of Bollamo
Bollamo is a unique blend of a brush pen and pencil, giving it an organic, handwritten feel. The strokes are soft yet deliberate, with subtle variations that make it feel authentic. It’s not just a font; it’s a style statement. When I first tested it in a hero section, it immediately added warmth and character to the design. The font’s irregularity doesn’t detract from its readability—it enhances it by making the text more engaging.
Its visual personality is playful but professional. It works well in digital spaces where a human touch is needed, like a coaching website or a creative portfolio. The font has a friendly, approachable mood that can help build trust with users. It’s perfect for headers, call-to-action buttons, or even logo text when you want to add a personal flair.
Real-World Applications of Bollamo
I used Bollamo on a product landing page for a small brand selling handmade goods. The font stood out against a clean, minimalist background, adding a sense of craftsmanship to the site. It was especially effective in the headline and subheadline, where it drew attention without overwhelming the layout.
On mobile screens, Bollamo held up well, though I made sure to keep the font size large enough for easy reading. On smaller buttons, I paired it with a simple sans serif for body text, which helped maintain contrast and legibility. For dark backgrounds, I adjusted the color to a lighter shade to ensure visibility, while on light backgrounds, I kept it as is.
In a blog redesign, I used Bollamo for the header and featured post titles. The result was a more dynamic and visually interesting layout that felt more personal. It worked especially well over image banners, where its texture complemented the visuals without clashing.
Readability and User Experience
When testing Bollamo, I focused on how it affected user behavior. In a hero section, it encouraged users to engage with the content, creating a more inviting experience. However, I found that using it for long paragraphs wasn’t ideal. Its decorative nature made it harder to scan, so I reserved it for short phrases, headings, and accents.
For a course sales page, I used Bollamo in the headline and CTA buttons. It gave the page a more polished look, and the font’s personality helped reinforce the brand’s identity. But I avoided using it in the body copy, instead pairing it with a clean, modern sans serif for better readability.
One thing to note is that Bollamo includes multiple weights and alternates, which gives designers flexibility. I used the bold weight for headlines and the regular for shorter phrases, ensuring a balanced visual hierarchy. This also helped maintain consistency across different sections of the site.
Font Pairing and Design Considerations
Pairing Bollamo with other fonts was key to achieving a cohesive design. For a digital brand kit, I combined it with a simple sans serif for body text. This created a clear contrast between decorative and functional typography, making the site easier to navigate.
On a campaign landing page, I used Bollamo alongside a serif font for a more editorial feel. The combination worked well for a lifestyle brand looking to convey elegance and creativity. It also helped differentiate the header from the rest of the content, improving overall readability.
When working on a social media graphic, I used Bollamo for the main text and paired it with a bold sans serif for the tagline. The result was a visually appealing design that maintained clarity while still feeling creative.
Practical Tips for Using Bollamo
If you’re considering Bollamo for your next project, start by testing it in a few key areas—like a hero section or a product title. Pay attention to how it looks on different screen sizes and backgrounds. You might find that it works best as a display font rather than a body font.
Before implementing it on a live site, check the available styles, webfont formats, and licensing terms. Bollamo is part of the Script Amp collection, which means it’s designed for commercial use. Make sure to review the license to avoid any legal issues.
Also, consider multilingual support if your audience speaks other languages. While Bollamo may work well in English, its handwritten style could affect readability in other scripts. Always test the font in all intended languages before finalizing your design.
Ultimately, Bollamo is a versatile tool for web designers looking to add a personal touch to their projects. Whether you’re building a creative portfolio, a coaching website, or a product landing page, this font can help elevate your design and create a more engaging user experience.
As I continue to explore new fonts, Bollamo remains one of my go-to choices for projects that need a bit of character. It’s a reminder that good typography isn’t just about aesthetics—it’s about creating a connection with your audience.
