Righted: A Bold Slab Serif Font for Modern Web Design
I was working on a redesign for a boutique online store, and the challenge was to create a brand identity that felt both strong and approachable. The homepage needed a hero section that would immediately communicate the brand’s confidence without coming off as too rigid. That’s when I stumbled upon Righted, an all-caps slab serif font with a modern edge.
Slab serif fonts have always had a place in design, but Righted stood out with its clean lines and bold structure. It didn’t feel outdated or overly formal, which was exactly what we needed. I decided to test it right away in the hero section, placing it over a full-width image of a curated product display.
The result was impressive. The blocky characters with prominent serifs gave the headline a sense of stability and strength, while the all-caps format added a touch of modern sophistication. It wasn’t just about looking good—it was about feeling trustworthy. This is especially important for an online store where first impressions matter.
As I moved through the layout, I considered how Righted could be used across different sections. For headers and section titles, it worked well as a display font, creating a clear visual hierarchy. I avoided using it for body text, as slab serifs can sometimes be harder to read in long paragraphs, especially on mobile screens.
On the product pages, I paired Righted with a clean sans serif font for descriptions and pricing. This combination kept the design balanced—Righted brought authority to the headlines, while the sans serif ensured readability and a more approachable tone. It reminded me that font pairing is a crucial part of typography, and choosing the right contrast can elevate the entire user experience.
One thing I noticed early on was how Righted performed on dark backgrounds. Its high contrast made it stand out beautifully, which was perfect for a call-to-action button. I used it for a “Shop Now” CTA placed over a deep navy banner, and it created a strong focal point that users couldn’t ignore.
For smaller elements like navigation menus and footers, I opted for a lighter weight of the same font. This helped maintain consistency without overwhelming the eye. Righted’s versatility became evident as I tested different weights and styles, making sure it adapted well to various screen sizes and layouts.
I also paid attention to how the font loaded on the site. Since it’s a webfont, performance is key, and I made sure to optimize the delivery so it wouldn’t slow down the page. Righted’s file formats were straightforward, and the licensing options were clear for commercial use—something that’s essential when working on client projects or building digital assets for brands.
Another consideration was multilingual support. While the project focused on English content, knowing that the font supports a wide range of languages made it a safer choice for future scalability. It’s always good to think ahead, especially when designing for global audiences or planning for expansion.
In the blog section, I experimented with using Righted for feature titles and article headers. It gave each post a consistent look that aligned with the brand’s voice. When combined with subtle drop shadows and proper spacing, it felt refined without being too flashy.
Mobile responsiveness was another priority. I tested the font at different breakpoints and found that it scaled well without losing its character. On smaller screens, the boldness of the letters still came through clearly, which helped maintain readability even when the text size was reduced.
Righted also worked well in image overlays and promotional banners. Its presence added a layer of professionalism to marketing materials, reinforcing the brand’s identity. Whether it was a course sales page or a campaign landing page, the font contributed to a polished and cohesive visual language.
When it came to logo design, I considered whether Righted could serve as the primary typeface. While it has a strong presence, I felt it might be too heavy for a logo that needed to be scalable and recognizable at small sizes. Instead, I used it as a secondary element in the branding kit, such as for taglines or accent text.
Overall, Righted proved to be a reliable and versatile font that fit the needs of this project. Its slab serif style brought a sense of stability and modernity, making it ideal for websites that aim to convey trust and professionalism. As I continued refining the design, I found myself relying on Righted for key visual elements, confident that it would support the brand’s message effectively.
If you're looking for a display font that balances strength with elegance, Righted is worth considering. It’s not just about aesthetics—it’s about creating a design that communicates clearly and feels intentional. Whether you’re working on a portfolio, an online store, or a digital campaign, the right typeface can make all the difference in how your audience perceives your brand.
