There Brat: A Quirky Font for Modern Web Design
I was working on a rebrand for a boutique online store selling handmade stationery when I came across There Brat. It’s a modern brush font with a playful, hand-drawn feel that immediately caught my eye. The kind of font that makes you want to write something fun and creative—perfect for a brand that values personality and originality.
The first thing I noticed about There Brat was its visual character. It has soft, rounded edges with subtle variations in stroke weight, giving it a natural, almost handwritten look. It feels approachable but still has enough style to stand out on a website. This made me think it would work well as a header font or for decorative accents without overwhelming the design.
I started by testing it in the hero section of the homepage. I placed it over a high-quality image of a beautifully designed notebook. The contrast between the textured paper background and the smooth, flowing lines of There Brat worked surprisingly well. It didn’t clash—it complemented the organic feel of the product.
One of the key things I always check when selecting a font is readability. There Brat isn’t a body text font, which is exactly what I expected from a display font. It shines when used for short phrases, headlines, or call-to-action buttons. On mobile screens, it still looked clean and legible, even at smaller sizes. That’s a big plus for any web designer looking to maintain visual appeal across devices.
For the navigation bar, I paired There Brat with a simple sans serif font like Helvetica Neue. This combination gave the site a balanced look—playful yet professional. The contrast helped guide the user’s eye through the layout, making it easier to scan and find important information quickly.
I also experimented with using There Brat in the product titles on the shop page. Each item had a unique name, and the font added a personal touch that matched the brand’s voice. It wasn’t too loud or distracting, which was important for maintaining a polished brand experience.
When it comes to using display fonts like There Brat, it’s essential to consider how they affect visual hierarchy. I found that placing it in section headings and subheadings created a nice rhythm throughout the page. It helped break up blocks of text and made the content more digestible for users.
Another thing I checked was whether the font supported all the characters needed for the project. Since the store sells products with names in different languages, I made sure There Brat had good multilingual support. It did, which was reassuring for a global audience.
I also thought about performance. Loading times are crucial for user engagement, so I confirmed that the font was available as a webfont and optimized for fast loading. This ensured that the site remained responsive and didn’t compromise speed for aesthetics.
As I continued designing, I realized that There Brat could be used in more than just the main headline areas. It worked well for promotional banners, social media graphics, and even in the footer for a signature or tagline. It added a consistent tone of creativity and warmth throughout the entire site.
Font pairing is another area where There Brat stood out. Because it’s a script font, it naturally pairs well with more structured fonts. I tested it with both serif and sans serif options and found that each combination brought a different mood to the design. For an editorial feel, I used it with a serif font for body copy. For a more modern look, I paired it with a clean sans serif.
One thing to keep in mind when using There Brat is its versatility. It can be used in a variety of contexts—from digital ads to course sales pages—but it should always be used purposefully. It’s not meant to be the primary text for long paragraphs, but rather as a highlight or accent to draw attention and add personality.
In the end, There Brat became one of the standout elements of the rebrand. It helped reinforce the brand’s identity while keeping the design modern and engaging. If you’re working on a project that needs a bit of character, this font might be just what you’re looking for.
