Like It Like That: A Playful Handwritten Font for Digital Design
I was deep into a new project—a boutique online store with a fun, youthful vibe—when I needed the perfect font to headline the hero section. The brand was all about creativity and approachability, so I wanted something that felt hand-drawn but still crisp on screen. That’s when I stumbled upon Like It Like That, a handwritten font with a natural comic feel that immediately caught my eye. I decided to test it out in several real web layouts to see how it performed across devices and design elements.
Playful Personality Meets Modern Usability
Like It Like That is not your average decorative typeface. It strikes a balance between charm and clarity, making it ideal for digital projects where personality matters but readability can’t be sacrificed. As a sans serif font with handwritten quirks, it brings warmth and energy without losing its structure. This makes it especially useful for brands targeting younger audiences or those wanting to inject some whimsy into their site without going too over-the-top.
The font has an inherent sense of movement, like someone writing with a smile while sketching out ideas quickly. Each character feels intentional yet spontaneous, which adds to its appeal as a display font for attention-grabbing text such as headlines, buttons, and call-to-action areas. While it won’t work well for body copy, it shines in larger sizes where its playful nature can take center stage.
Hero Section Headlines with Heart
I first used Like It Like That in the hero section of a lifestyle blog redesign. The headline read “Live Lightly, Love Fully,” and the font added just the right amount of charm and sincerity. When previewed on mobile, the font scaled beautifully, maintaining its legibility even at smaller display sizes if kept above 24px. Its open letterforms helped it sit well over a photo background, ensuring contrast without overwhelming the image.
One thing I noticed was that it works best when paired with a clean sans serif for supporting text. In this case, using Montserrat for subheadings and body copy created a harmonious contrast—Like It Like That brought emotion and energy, while the more structured font grounded the layout.
Brand Identity with a Personal Touch
In another project, a wellness course landing page, I used Like It Like That for the main logo and title. The client wanted something that felt authentic and inviting, and this font delivered exactly that. It helped establish a friendly tone for the entire website, encouraging users to engage with the content rather than skim past it.
What stood out was how it supported the brand identity without clashing with other design assets. Its consistent rhythm and balanced spacing made it easy to integrate into icons, SVG graphics, and button labels, especially when those were used sparingly. I also appreciated that it had multiple alternates and ligatures, which gave me creative flexibility while keeping the look cohesive.
Responsive Layouts and Visual Hierarchy
Working on a responsive layout means every element must perform well across different screens. Like It Like That handled both desktop and mobile views admirably. On larger screens, it looked bold and expressive, while on phones it retained enough detail to remain engaging. I found it particularly effective for section headings and promotional banners where it could guide the user’s eye naturally through the page.
For visual hierarchy, the font’s size and weight variations allowed me to create clear distinctions between primary and secondary headers. Using a bolder version for main titles and a lighter one for taglines helped maintain a layered reading experience without confusing the viewer. It also played nicely with dark mode settings—contrasting well against darker backgrounds when given sufficient spacing and color differentiation.
Practical Considerations for Web Use
Before implementing any font in a production environment, it’s important to consider its technical side. Like It Like That is available in various file formats, including WOFF and TTF, which are widely supported by modern browsers. If you’re building a high-performance site, ensure you optimize the font files properly and only load what’s necessary to keep things snappy.
Another key point is checking the font’s commercial license. Since many web designers use fonts in client-facing projects or online stores, understanding licensing terms is essential. Fortunately, this font comes with a solid commercial usage policy, making it a safe choice for anything from personal portfolios to e-commerce sites.
Font Pairing Tips for Web Projects
When choosing complementary fonts, Like It Like That pairs exceptionally well with minimalist sans serifs for body text. For example, pairing it with Inter or Lato gives a modern, clean backdrop that lets the handwritten style shine. If the brand leans more towards editorial or storytelling aesthetics, a simple serif like Merriweather or Crimson Pro can add sophistication next to the playful display typeface.
On the flip side, combining it with another handwritten or script font can lead to clutter unless carefully curated. I recommend using it as the primary accent font and reserving others for subtle touches. This ensures a strong brand identity without sacrificing usability.
Where to Use Like It Like That in Your Designs
- Hero Sections: Great for bold, expressive headlines that draw attention and set the tone.
- Call-to-Action Buttons: Adds a warm, inviting feel to prompts like “Join Now” or “Shop the Collection.”
- Product Landing Pages: Ideal for showcasing product names or taglines that need to stand out.
- Blog Headers & Post Titles: Makes editorial content feel more personable and engaging.
- Digital Brand Kits: Perfect for logos, social media posts, and promotional materials that reflect a casual, creative brand.
I’ve also used it in digital ads and campaign pages where a touch of spontaneity helps humanize the message. Whether it was a holiday sale banner or a community event announcement, the font consistently enhanced the emotional appeal of the content.
Accessibility and Readability
While Like It Like That is undeniably charming, it’s important to remember that highly decorative fonts can sometimes hinder accessibility. I made sure to avoid using it in navigation menus or form fields, where clarity is critical. Instead, I reserved it for display purposes only, ensuring that users with dyslexia or visual impairments weren’t affected by the choice.
For small buttons or dense dashboards, this font isn’t suitable. But for marketing sections, feature highlights, or branded visuals, it adds a unique flair that few premium fonts can match. Always test it at different sizes and contrast levels to confirm it remains readable across platforms.
Final Thoughts on Typographic Expression
As a designer, I’m always looking for ways to elevate the emotional resonance of a site without compromising function. Like It Like That does just that—it’s a font that tells a story, invites interaction, and enhances the overall experience of a digital space. Whether you’re designing for a creative portfolio, a boutique shop, or a course landing page, this font offers a fresh way to express your brand’s voice.
If you’re considering adding a bit of personality to your next web project, I’d encourage you to give Like It Like That a try. Just make sure to pair it wisely, check the license, and always test it in context. After all, the best typography choices come from thoughtful application, not just aesthetic appeal.
