Xantorid: A Cool, Rough Display Font for Bold Web Design
Xantorid in a Hero Section of a Creative Portfolio
Testing Xantorid on a hero section of a creative portfolio was the first step in my design process. As a display font with a cool and rough style, Xantorid immediately stood out when placed over a high-contrast image banner. It brought an urban edge to the layout, making the headline feel more dynamic and visually engaging.
The bold strokes and angular shapes of Xantorid helped create a strong visual hierarchy, guiding the viewer's eye directly to the main message. I noticed that it worked especially well with short, punchy phrases—perfect for a designer’s tagline or project title.
Xantorid for a Boutique Online Store Banner
Next, I experimented with Xantorid on a boutique online store’s product landing page. The goal was to add a sense of character without compromising readability. Xantorid’s rough texture gave the brand a unique identity that felt modern and edgy, fitting perfectly with the urban aesthetic described in its description.
I paired Xantorid with a clean sans serif font for body copy, ensuring that the text remained legible across different screen sizes. This combination allowed the display font to shine in headlines while keeping the rest of the content approachable and easy to read.
On mobile devices, I made sure to test the font size and spacing. Xantorid performed well even at smaller sizes, maintaining its visual impact without becoming too dense or hard to read.
Xantorid as a Call-to-Action Button Text
I also tried using Xantorid for a call-to-action button on a course sales page. While display fonts are typically used for headings, I wanted to see if they could work effectively on interactive elements like buttons.
The result was surprising. Xantorid added a sense of urgency and confidence to the CTA, making it stand out from other buttons on the page. However, I had to be careful not to use it on every button—reserving it for key actions where its boldness would have the most impact.
It’s important to remember that display fonts can be overwhelming if used excessively. In this case, Xantorid was best suited for a single prominent CTA, such as “Enroll Now” or “Shop Collection.”
Xantorid for a Blog Header and Featured Image Overlay
Another use case I explored was integrating Xantorid into a blog redesign. I placed it over a featured image overlay, using it for the blog post title. The rough texture of Xantorid complemented the image’s grainy, textured look, creating a cohesive visual theme.
I found that Xantorid worked particularly well with dark backgrounds, allowing the text to pop without needing additional effects. This made it ideal for digital ads, campaign pages, and promotional banners where quick scanning is essential.
For accessibility, I ensured that the font color contrast met WCAG standards. Even though Xantorid has a stylized look, proper contrast ratios helped maintain readability for all users.
Xantorid in a Digital Brand Kit for a New Startup
When building a digital brand kit for a new startup, I included Xantorid as one of the primary typefaces. Its cool, rough style aligned with the brand’s desire to appear innovative and unconventional.
I tested Xantorid alongside other fonts to find the right balance between creativity and professionalism. Pairing it with a modern sans serif font for body text created a polished yet edgy look, which resonated well with the target audience.
It was also crucial to check the font’s availability in webfont format and ensure that it loaded quickly on the website. Since Xantorid is a display font, I limited its use to headers and logos, keeping the overall page performance in mind.
Xantorid for a Campaign Landing Page with Strong Visual Impact
Finally, I applied Xantorid to a campaign landing page aimed at a younger, urban demographic. The rough, textured appearance of the font matched the campaign’s vibe, helping to build a stronger emotional connection with the audience.
I used Xantorid for the main headline and secondary titles, making sure that the visual weight of the font didn’t overshadow the supporting content. The result was a landing page that felt bold, energetic, and visually compelling.
Overall, Xantorid proved to be a versatile display font that could elevate the design of various digital projects—from portfolios and e-commerce sites to marketing campaigns and brand identities.
