Bad Habits Font for Web Design Projects
I was working on a rebrand for a boutique online store that sells streetwear and urban lifestyle products. The client wanted a fresh, modern look that felt authentic to their target audience—youthful, edgy, and visually striking. That’s when I came across Bad Habits, a cool, street-styled, brushed display font that immediately caught my eye.
The first thing I noticed about Bad Habits was its visual character. It had a slightly rough, handcrafted texture with soft edges that gave it a laid-back yet bold vibe. It wasn’t too aggressive like some script fonts, nor was it too clean for the kind of brand they were going for. It struck the right balance between casual and professional, which is crucial for a brand trying to feel both approachable and stylish.
I started testing Bad Habits in different areas of the site. First, I placed it in the hero section, where the main headline needed to grab attention without being overwhelming. The font’s unique brush strokes made the text stand out against a dark background, especially when paired with a high-contrast color. It worked well as a focal point, guiding the user’s eye naturally down the page.
Next, I used it for section headings throughout the site. Because Bad Habits has a dynamic weight and style, it added visual interest without competing with the content below. For example, in the product listings, using Bad Habits for category titles helped break up the layout and made the sections feel more organized and engaging.
One thing I paid close attention to was readability, especially on mobile screens. Bad Habits is a display font, so it’s not ideal for long paragraphs or body copy. But for short phrases, headlines, and call-to-action buttons, it performed really well. I made sure to use it only in places where legibility wasn’t compromised, and always kept the text size large enough for quick scanning.
Font pairing became another important consideration. I paired Bad Habits with a clean sans serif font like Montserrat for body text. This combination allowed the design to feel cohesive while maintaining a clear hierarchy. The contrast between the two fonts emphasized key messages and improved overall readability without making the design feel cluttered.
I also tested Bad Habits in image overlays and banners. Its brushed texture complemented photos of clothing and accessories, adding a subtle layer of style without overpowering the visuals. It worked especially well in promotional banners where the goal was to create a sense of movement and energy.
When it came to branding elements, I used Bad Habits for logo text and social media graphics. The font’s personality matched the brand’s identity perfectly—it felt authentic and aligned with the kind of community they wanted to build. It wasn’t just about aesthetics; it was about creating a consistent experience across all digital touchpoints.
Before finalizing the font choice, I checked the available styles and weights. Bad Habits offered enough variation to be versatile, even though it’s primarily a display font. I made sure the webfont version was optimized for fast loading, which is essential for performance-focused projects. Also, confirming that it had proper commercial licensing was a must before implementing it on the live site.
Using Bad Habits helped elevate the overall brand experience. It brought a sense of personality to the site that wasn’t there before, and it played a role in how users perceived the brand’s professionalism and creativity. It wasn’t just about choosing a font—it was about finding the right voice for the brand’s message.
If you’re designing for a brand that needs a modern, street-style edge, Bad Habits could be a great fit. Just remember to use it strategically, keeping readability and usability in mind. Pair it wisely, test it across devices, and let it support—not overshadow—the content it’s meant to highlight.
Whether you're working on a portfolio site, a course landing page, or an e-commerce platform, Bad Habits offers a unique way to express your brand’s identity through typography. It’s a font that doesn’t just look good—it feels right.
