Ordinary Typeface: A Web Designer’s Review
I was halfway through a redesign for a boutique coaching website when I realized the hero section felt stiff. The layout was clean, the photography was warm, but the headline lacked soul. I needed something that bridged the gap between professional reliability and approachable humanity. That is when I pulled Ordinary from my library. As part of the Script Amp collection, this font promises to be a "clean simply brush," and after testing it across several live web projects, I can confirm it delivers exactly that kind of understated elegance.
For web designers and UI creators, finding a brush font that does not scream for attention is rare. Most script or brush typefaces are either too casual, looking like messy handwriting, or too formal, feeling out of place in modern digital interfaces. Ordinary sits comfortably in the middle. It is a premium font that feels intentional without being overpowering. In this review, I want to share how this typeface performs in real-world digital environments, from landing pages to mobile-responsive layouts, and why it might become a staple in your design assets toolkit.
The Visual Personality of Ordinary
When you first load Ordinary into your design software or CSS stylesheet, the immediate impression is one of clarity. The strokes are consistent, mimicking the natural flow of a broad-tip brush but with a digital precision that ensures legibility. This is crucial for web design, where screen resolution and pixel density vary wildly. Unlike some handwritten fonts that break up or look jagged on lower-resolution screens, Ordinary maintains its integrity.
The mood of this typeface is calm, grounded, and inviting. It does not try to be trendy. Instead, it offers a timeless quality that works well for brands aiming to build trust. Whether you are designing a portfolio site for a photographer, a landing page for a wellness coach, or an online store for handmade goods, Ordinary adds a layer of softness that balances out rigid grid systems. It feels human. In an era of sterile, corporate web design, that human touch can significantly impact user engagement and brand identity.
Performance in Hero Sections and Landing Pages
The true test for any display font is how it handles the hero section. This is the first thing a visitor sees, and it needs to communicate the brand’s essence instantly. I tested Ordinary in a large H1 header over a muted, earthy background image for a lifestyle blog redesign. The result was striking. The brush strokes had enough weight to stand out against the photo, yet the clean lines ensured the text did not compete with the imagery.
One of the strengths of Ordinary is its versatility in sizing. It scales beautifully. At 72 pixels or larger, the subtle variations in the brush strokes become apparent, adding texture and interest to the headline. However, it also holds up reasonably well at smaller sizes, such as section headings or pull quotes. I used it for subheaders in a course sales page, pairing it with a neutral sans serif font for the body copy. The contrast created a clear visual hierarchy, guiding the user’s eye down the page without causing fatigue.
For call-to-action areas, Ordinary works best when used sparingly. I experimented with using it for button text, but I found that while it looked beautiful, the decorative nature of the brush style can sometimes reduce click-through clarity if the text is too long. It is ideal for short phrases like "Join Us" or "Start Here," but for longer button labels, a simpler sans serif might be more effective for usability.
Readability and Responsive Design Considerations
As web designers, we know that a font can look perfect on a 27-inch monitor and terrible on a smartphone. Responsive design requires typefaces that remain legible across all viewports. Ordinary performs admirably here, but with some caveats. Because it is a brush-style font, the connections between letters can become tight when scaled down too far.
In my testing, I found that Ordinary is best reserved for headlines and large display text on mobile devices. Using it for body copy or small navigation items is not recommended. The intricate details of the brush strokes can blur or merge on smaller screens, reducing readability and potentially hurting accessibility scores. For body text, I always pair Ordinary with a clean, highly legible sans serif font. This combination ensures that the brand personality shines through the headers while the content remains easy to scan and read.
Another consideration is contrast. Ordinary looks fantastic on light backgrounds, where the dark brush strokes pop clearly. On dark backgrounds, you need to ensure the font weight is sufficient. If the strokes are too thin, they may disappear against a busy or dark image overlay. Always test your color combinations and consider adding a slight text shadow or backdrop filter if the contrast feels weak in certain lighting conditions.
Font Pairing and Brand Consistency
A single font rarely makes a complete brand identity. The magic happens in the pairing. Ordinary is incredibly friendly when paired with other typefaces. Its clean, simple nature means it does not clash with complex serifs or geometric sans serifs.
- Pairing with Sans Serif: For a modern, minimalist look, pair Ordinary with a geometric sans serif. This creates a contemporary feel that is popular in tech startups and modern creative portfolios. The simplicity of the sans serif balances the organic flow of the brush font.
- Pairing with Serif: For a more editorial or luxury feel, try pairing Ordinary with a classic serif font. This combination works beautifully for wedding websites, high-end boutiques, or literary blogs. The serif adds tradition and authority, while Ordinary adds a personal, handcrafted touch.
- Pairing with Handwritten Fonts: Be cautious here. Since Ordinary already has a handwritten aesthetic, pairing it with another script can look cluttered. If you must, use a very simple, printed-style handwritten font for accents only, and keep Ordinary as the primary display face.
Consistency is key. Once you choose your pairing, stick to it across your website, social media graphics, and email newsletters. This repetition helps users recognize your brand instantly. Ordinary serves as a strong anchor for this consistency, providing a distinctive voice that is recognizable yet flexible.
Licensing and Technical Implementation
Before launching any client project, it is essential to check the licensing terms. Ordinary is a commercial font, which means you can use it in client work, online stores, and digital products. However, always verify the specific license included with your purchase from Script Amp. Some licenses require additional fees for webfont usage if the traffic exceeds a certain number of pageviews.
Technically, implementing Ordinary on the web is straightforward if you have the webfont files. Ensure you are using the correct formats (WOFF and WOFF2) for optimal loading speeds. Page speed is a critical factor in SEO and user experience, so do not neglect font optimization. If you are using a platform like WordPress or Squarespace, check if they support custom font uploads or if you need to use a plugin to integrate the typeface properly.
Also, take time to explore any included alternates or ligatures. While Ordinary is described as a "clean simply brush," many modern fonts include subtle variations that can prevent repetitive patterns in longer headlines. Using these alternates can make your typography feel more dynamic and less mechanical, enhancing the overall perceived quality of the design.
In conclusion, Ordinary is a versatile and reliable addition to any web designer’s toolkit. It bridges the gap between professional polish and personal warmth, making it ideal for brands that want to connect with their audience on a human level. Whether you are building a simple landing page or a complex e-commerce site, this typeface offers the clarity and charm needed to elevate your digital presence. Just remember to respect its limits regarding size and readability, and pair it wisely for the best results.
