Boorney: A Playful Display Font for Modern Web Design Projects
Choosing the Right Font for a Creative Portfolio Website
I recently started working on a portfolio site for a children’s book illustrator. The goal was to create a digital space that felt whimsical, warm, and visually engaging—without sacrificing usability or readability. When I first opened the design mockup, I knew the typography would set the tone. That’s when I tested Boorney.
Boorney is a playful display font that immediately caught my eye. It has a hand-crafted, slightly bouncy rhythm that feels both friendly and professional. It’s not a font you’d use for body copy, but it shines in headers, hero sections, and branding elements where visual impact matters most.
First Impressions: Testing Boorney in the Hero Section
I placed Boorney in the hero section of the homepage. The client’s name was set in large, bold text over a soft pastel background. What stood out was how Boorney balanced personality with clarity. Even at a glance, the name was readable and memorable. The font’s rounded edges and open spacing gave it a soft, approachable feel—perfect for a creative brand targeting parents and young readers.
On mobile, I made sure to test the font at smaller sizes. While Boorney works beautifully as a headline font, it loses some of its charm when scaled down too far. I ended up using it only for section titles and callout text on mobile, pairing it with a clean sans serif for body content.
Where Boorney Works Best in Web Design
Boorney is a display font by nature, which means it performs best when used for visual emphasis rather than extended reading. Here are the areas where it truly shines:
- Hero Titles: Great for drawing attention in the first fold of a website.
- Call-to-Action Buttons: Adds a friendly, inviting tone to key conversion points.
- Logo Text: Its unique character makes it a strong candidate for logotypes, especially in creative or kid-friendly niches.
- Section Headers: Use it to break up long pages and add visual rhythm.
- Blog Graphics and Social Media Headers: Boorney adds a lively, branded touch to digital assets.
For a boutique online store I was designing for a handmade toy brand, I used Boorney in the product landing banners. It gave each product page a sense of charm and warmth, aligning perfectly with the brand’s personality.
Readability and Visual Hierarchy
One of the first things I check when testing a new font is how it affects scanning behavior. Boorney, like most display fonts, isn’t meant for long paragraphs. It works best when used sparingly to guide the user’s eye through the page.
On a recent coaching website redesign, I used Boorney for the main headline and paired it with a neutral sans serif for subheaders and body text. This created a clear visual hierarchy—users knew exactly where to focus first, and the contrast between the playful headline and clean supporting text added a modern, curated feel.
When using Boorney over images or dark backgrounds, I made sure to add a light overlay or text shadow to maintain legibility. This is especially important for accessibility and ensuring the font remains readable on all screen types.
Pairing Boorney with Supporting Fonts
Font pairing is essential in web design. Boorney’s decorative style means it pairs best with simple, clean fonts that don’t compete for attention. For the children’s illustrator’s site, I paired it with Inter—a modern sans serif that’s highly readable and works well across devices.
Here are some effective pairing options:
- Sans Serif: Clean fonts like Open Sans, Lato, or Roboto provide a great contrast for Boorney in digital layouts.
- Serif: For a more editorial or elegant feel, try pairing with a serif like Playfair Display or Merriweather.
- Monospace: If you’re going for a more modern, tech-inspired look, a monospace font like Space Mono can create an interesting juxtaposition.
The key is to maintain contrast in weight and style while keeping the overall design cohesive. Boorney is expressive, so letting it be the star of the show while using a neutral font for body text helps maintain balance.
Checking Font Availability and Licensing
Before finalizing the font for the project, I made sure to check the available file formats, webfont support, and licensing terms. Boorney includes multiple weights and styles, which gave me flexibility when designing different sections of the website.
It also supports multilingual characters, which was important since the illustrator’s audience spanned multiple countries. I also verified that the font could be used commercially, especially since the client planned to use it across their website, social media, and print materials.
For web use, I included the font via a self-hosted solution to ensure fast loading times and better control over performance. Display fonts can sometimes slow down a page if not optimized, so it’s always a good idea to test load times and use them only where necessary.
Real-World Use Cases for Boorney
Boorney works especially well in the following digital environments:
- Creative Portfolios: Adds personality to personal branding and showcases.
- Boutique Online Stores: Perfect for product names, banners, and special offers.
- Course Sales Pages: Makes headlines and key features pop for digital learning platforms.
- Promotional Landing Pages: Ideal for limited-time campaigns or seasonal offers.
- Digital Brand Kits: A great addition to branded templates, social media graphics, and email headers.
In a recent blog redesign for a parenting influencer, I used Boorney for the header graphics and post titles. It gave the blog a more curated, intentional feel—without overwhelming the content.
Final Layout Decisions and User Experience
After testing Boorney across multiple layouts and devices, I found that it performed best when used at larger sizes with ample spacing. Kerning and line height were adjusted slightly to ensure optimal readability on both desktop and mobile screens.
From a UX perspective, the font helped guide users through the page with visual interest and emotional tone. It contributed to a more polished and intentional brand experience, which in turn made the website feel more trustworthy and professional.
If you’re a web designer or digital product creator looking for a fresh, expressive display font, Boorney is worth considering. Just remember to use it strategically, pair it thoughtfully, and always test for readability and performance.
