Brandon Selection: A Modern Serif Font for Digital Branding
It started with a hero section—clean, minimal, and slightly underwhelming. I was redesigning a boutique online store for a ceramicist whose work balances raw texture with refined silhouettes. The existing font felt safe but forgettable: a generic sans serif that blended into the background instead of elevating her voice. That’s when I dropped Brandon Selection into the headline field and watched the whole layout exhale.
Brandon Selection isn’t just another serif font. It’s a thoughtful duo: one part elegant, high-contrast serif; the other, a crisp monoline companion. Together, they form a cohesive display typeface that feels both intentional and effortless—like a well-curated wardrobe where every piece supports the others. Visually, it carries quiet confidence: upright but not rigid, structured but not cold. There’s warmth in its terminals, precision in its spacing, and just enough personality to signal craftsmanship without shouting.
In practice, I used the serif variant for the main headline (“Hand-Thrown Ceramics, Slow-Made”) and the monoline version for the subhead (“Each piece shaped in our Portland studio”). The contrast created immediate hierarchy—not through size alone, but through tone. Users didn’t just read faster; they paused longer. That subtle shift matters on a product landing page where attention is scarce and intention is everything.
What makes Brandon Selection especially effective for digital use is how it handles real-world constraints. On mobile, the serif version remains legible at 32px—even over a softly blurred studio photo. Its x-height is generous, stroke contrast is moderate (no fragile thin serifs that vanish on low-DPI screens), and letterfit is open enough to avoid crowding in tight viewport widths. I tested it across iOS Safari, Chrome on Android, and even older Edge versions—and it held up without fallback jank or rendering hiccups.
For branding consistency, I applied Brandon Selection selectively: hero titles, section headers (“Our Process,” “Studio Journal”), and CTA buttons (“Shop New Arrivals,” “Join the Mailing List”). I avoided using it for body copy—that’s where a clean, highly readable sans serif like Inter or Manrope shines. This pairing works because Brandon Selection doesn’t compete with readability; it frames it. Think of it as the typography equivalent of a well-placed accent wall: defining space without overwhelming the room.
It also performs beautifully in darker contexts. Over a charcoal-gray background with light text, the serif version gains quiet authority—ideal for a coaching website’s value proposition banner or a course sales page’s core promise (“Clarity. Confidence. Creative Momentum.”). And because the monoline variant shares the same rhythm and proportions, switching between them feels like shifting tone, not typeface. That unity strengthens brand identity across touchpoints: web banners, social media graphics, email headers, even downloadable brand kits.
One thing I appreciated during implementation? Its webfont readiness. The package includes WOFF2 files optimized for fast loading, multiple weights (Light, Regular, Medium, Bold), and true italics—not slanted fakes. No awkward CSS hacks needed. I also checked licensing upfront: it’s a commercial font with clear web embedding permissions, which meant no last-minute client conversations about usage rights or template restrictions. For SaaS founders or course creators building reusable design systems, that clarity saves hours.
Readability advice, straight from the browser: Use the Bold weight for headlines above the fold—but never smaller than 28px on desktop or 24px on mobile. Avoid all-caps settings unless you’re using the included small caps alternates (they’re beautifully drawn, not auto-generated). And if placing over imagery, stick to solid color overlays (50% black at 20% opacity works reliably) rather than relying on text shadows alone—Brandon Selection’s elegance shines best when its forms aren’t compromised.
I’ve since used Brandon Selection on three very different projects: a portfolio site for a textile designer (serif for project titles, monoline for technique notes), a campaign landing page for a sustainable skincare launch (hero + testimonial quotes only), and a blog header redesign where it replaced a dated script font. In each case, the result wasn’t just prettier—it felt more *cohesive*. Like the typography finally matched the care put into the photography, the spacing, the voice.
That’s the quiet power of a well-chosen serif font in modern web design. It doesn’t need to be flashy to earn trust. It doesn’t need to be neutral to feel professional. Brandon Selection proves that elegance lives in balance: between tradition and modernity, structure and softness, distinction and harmony. It’s not a font you drop in and forget—it’s one you return to, again and again, when you want your digital presence to say something true, without saying too much.
If you're selecting fonts for a client site, your own portfolio, or a new product launch, ask yourself: does this typeface support the feeling I want users to carry away? With Brandon Selection, the answer—especially for brands rooted in craft, calm, or considered creativity—is almost always yes.
- Best for: Hero headlines, section titles, logo lockups, CTA buttons, campaign banners
- Pair with: A neutral, highly legible sans serif for body text (e.g., Inter, Poppins, or Lato)
- Avoid for: Long paragraphs, tiny interface labels, or ultra-narrow columns without testing
- Check before deploying: Webfont format support, weight availability, multilingual character coverage (it includes extended Latin, so ideal for English, Spanish, French, German, etc.)
