Like That: A Chunky Display Typeface for Web & Branding
I remember staring at a blank hero section on a client's boutique landing page, feeling that familiar creative block. The clean sans-serif body text was doing its job, but the headline felt flat, lacking the personality needed to stop the scroll. I needed something with charm, a bit of hand-drawn warmth, and enough visual weight to anchor the design without overwhelming the user experience. That was the moment I discovered Like That, a chunky cute hand-drawn display font that immediately transformed the mood of the project.
This isn't just another decorative typeface; it is a premium display font designed to inject immediate character into digital spaces. After testing it across various layouts, from mobile-first responsive designs to desktop editorial headers, I found that Like That strikes a perfect balance between playful aesthetics and professional usability. It feels like a warm handshake in a sea of sterile corporate fonts, making it an ideal choice for brands looking to establish a friendly, approachable identity.
First Impressions: Personality in Every Letterform
When you first load Like That into your design software, the visual personality jumps out. As a hand-drawn display font, it avoids the rigid perfection of geometric sans-serifs or the overly formal structure of traditional serifs. Instead, it offers organic curves and slightly irregular strokes that mimic the joy of sketching with a thick marker. This "chunky" quality gives it significant presence on the screen, making it excellent for grabbing attention in crowded digital environments.
The charm lies in its imperfections. Unlike vector-perfect fonts that can sometimes feel cold, this typeface retains the texture of human creation. When applied to a hero image over a soft pastel background, it doesn't just sit there; it interacts with the space. It creates a sense of intimacy, which is crucial for modern web design where users crave authentic connections. Whether you are designing a portfolio site for a creative artist or a sales page for a handmade goods shop, Like That sets a tone of creativity and authenticity right from the first glance.
However, its strength as a display font means it is best reserved for short phrases rather than dense blocks of text. In my tests, using it for a main headline created a strong focal point, but attempting to use it for subheadings or button text required careful sizing adjustments. The hand-drawn style has a specific rhythm that works beautifully for titles, logos, and call-to-action areas, but it loses readability if stretched too thin or used for long paragraphs.
Digital Applications: Where Like That Shines Online
In the realm of web design, typography dictates the hierarchy of information. Like That excels when used as a primary display element. I tested it on a coaching website where the goal was to appear accessible yet authoritative. Placing the font in the hero section allowed the message to pop against a clean white background, while pairing it with a simple sans-serif body font ensured the detailed content remained easy to scan.
The font also performs exceptionally well in promotional materials. For a course sales page, I used Like That for the module titles and the "Enroll Now" buttons. The chunky nature of the letters made the buttons feel tactile, encouraging clicks. Similarly, for social media graphics and banner ads, the high contrast and bold shapes of the font ensure legibility even at smaller sizes on mobile devices. It brings a sense of fun to digital advertising without sacrificing clarity.
- Hero Sections: Use for impactful headlines that define the brand voice immediately.
- Landing Pages: Ideal for section dividers and key benefit statements.
- Buttons & CTAs: Creates a playful, inviting look for action items.
- Blog Headers: Adds personality to article titles without cluttering the layout.
Readability and Responsive Design Considerations
While Like That is visually striking, a web designer must always prioritize user experience (UX). One of the critical factors I evaluated was how the font behaves across different screen sizes. Because the letterforms are somewhat complex due to their hand-drawn nature, they can become muddy if scaled down too small. On a standard desktop monitor, the details are crisp, but on a small smartphone screen, very small text might lose definition.
To maintain optimal readability, I recommend keeping Like That above 24px for mobile displays. For navigation menus or form labels, it is better to stick to a neutral sans-serif font. Using a decorative display font for functional elements can create friction for users trying to navigate quickly. The font is not suitable for accessibility-heavy interfaces where high contrast and uniformity are paramount for all users, including those with visual impairments.
Another consideration is the background. Since Like That has a distinct outline and internal structure, it works best on solid backgrounds or images with low contrast behind the text. If you place it over a busy photograph, the text may struggle to stand out. In these cases, adding a subtle drop shadow or a semi-transparent backing layer can enhance legibility while preserving the font's aesthetic appeal.
Font Pairing Strategies for Modern Websites
No single font can do everything, and Like That is no exception. Its greatest power comes from font pairing. To balance its playful energy, I suggest pairing it with a clean, geometric sans-serif for body copy. This combination allows the display font to take center stage for headlines while the sans-serif handles the heavy lifting of reading text, ensuring a professional and readable interface.
For a more editorial or sophisticated look, pairing Like That with a classic serif font can create a unique juxtaposition. The mix of hand-drawn casualness with structured elegance can be very effective for lifestyle blogs or fashion e-commerce sites. However, avoid pairing it with other handwritten or script fonts, as this often leads to a chaotic visual hierarchy that confuses the reader.
When selecting a partner font, consider the weight and spacing. A light-weight sans-serif complements the chunky weight of Like That perfectly, creating a dynamic contrast. Ensure that the line height and letter spacing of the body text are adjusted to accommodate the visual weight of the headings. This attention to detail elevates the overall design from a simple template to a polished brand identity.
Technical Specs and Licensing for Commercial Use
Beyond the visual appeal, practical considerations are vital for any web designer or digital product creator. Before integrating Like That into a live project, it is essential to verify the file formats included. Most premium fonts come with OpenType (.otf) and TrueType (.ttf) files, but for web use, checking for webfont formats like WOFF or WOFF2 is crucial for performance. These formats ensure fast loading times and proper rendering across different browsers.
Additionally, check the character set for multilingual support. If your website targets a global audience, ensuring that the font includes accented characters and special symbols is necessary to avoid fallback issues. I also reviewed the commercial license terms, which is a common pitfall for designers selling services. Make sure the license covers the intended use, whether it is for a client's website, a SaaS platform, or a digital download marketplace.
Finally, explore the available styles and alternates. Many modern display fonts include swashes, ligatures, and alternative glyphs that add extra flair. While Like That is primarily a display font, having access to these variations can help customize specific words or initials within a logo or header. Utilizing these features can turn a standard headline into a bespoke design element that truly represents a brand's unique story.
In conclusion, Like That is a versatile and charming addition to any designer's toolkit. Its ability to convey warmth and personality makes it a standout choice for modern web projects. By understanding its strengths and limitations, and by pairing it thoughtfully with complementary typefaces, you can create digital experiences that are not only beautiful but also highly functional and engaging for your users.
