Gastelou: A Handcrafted Display Font That Feels Human
I was halfway through designing a new landing page for a ceramicist’s online studio when I paused—cursor hovering over the font selector, hero headline still set in a safe, neutral sans serif. Something felt off. The imagery was warm, tactile, full of soft glazes and imperfect curves—but the typography read like a tech SaaS page. That’s when I dropped in Gastelou.
Gastelou is a handcrafted brush typeface with flowing strokes, subtle texture, and gentle irregularities that make it feel genuinely made—not generated. It’s not a script font trying to mimic calligraphy; it’s a display font built for presence, personality, and quiet confidence. In the hero section, it transformed “Hand-Thrown Ceramics Since 2016” from informational to inviting—like the artist had just written it beside a kiln sketch.
As a UI designer who ships real websites—not just mockups—I test fonts in context: on mobile, over image overlays, at 24px on a 14-inch laptop, and as a bold CTA button on a light gray background. Gastelou held up well in most places—but not all. Its charm lives in medium-to-large sizes (32px and up), especially where users pause: headlines, section titles, short banners, and logo lockups. It’s not meant for body copy, navigation menus, or tiny form labels—and that’s by design. Display fonts like Gastelou thrive when they’re given space to breathe.
In practice, I used Gastelou for:
- The main headline and subhead in the hero section (paired with Inter for body text)
- Section dividers like “Process,” “Workshops,” and “Studio Journal”
- A subtle “Join the Mailing List” CTA button—set in uppercase, slightly tracked out, with ample padding
- Instagram story graphics exported from Figma (using the desktop OTF)
Readability wasn’t automatic—it required intention. On mobile, I bumped the hero headline to 40px and added 1.25 line-height to keep the brush strokes legible without crowding. Over a softly blurred background image, I applied a subtle semi-transparent white overlay behind the text—not just for contrast, but to let Gastelou’s organic edges stay visible without fading into noise. On dark mode previews, I switched to a lighter weight variant (where available) and tested contrast ratios manually. Gastelou isn’t WCAG AAA out of the box—but with thoughtful layering and sizing, it meets AA for large-scale text.
Pairing matters. I’ve seen Gastelou clash with overly geometric sans serifs or competing decorative fonts. What worked beautifully was Inter—clean, highly readable, with open counters and friendly proportions. For a more editorial brand (say, a slow-living blog or independent magazine), pairing Gastelou with a warm serif like IBM Plex Serif or Charter gave depth without stiffness. The key is contrast: let Gastelou be the voice, and your secondary font be the ear.
Before dropping it into production, I checked what came with the font file. Gastelou includes OpenType features like stylistic alternates and ligatures—subtle touches that add rhythm to repeated words like “the” or “and.” Not essential, but lovely for hero lines or social banners. It’s webfont-ready (WOFF2 included), supports Latin-based languages, and has clear commercial licensing—critical when building for clients or launching an online store. No surprises at handoff: no missing diacritics, no unsupported glyphs in product names or location tags.
Where does Gastelou shine most? In digital spaces where authenticity outweighs uniformity. Think:
- A coaching website’s “You’re Ready to Begin” headline—soft but certain
- A boutique skincare brand’s limited-edition launch banner (“Wild Rose Edition”)
- A portfolio site’s project title cards—each one feeling like a handmade label
- A course sales page where the headline says “Your First Watercolor Sketch in 20 Minutes”—not cold instruction, but warm invitation
It’s less effective in dense interfaces: dashboard headers, data tables, or multi-step forms. And while it works on buttons, avoid using it for primary actions that need instant recognition—“Add to Cart” or “Sign In” benefit from clarity over character. Save Gastelou for moments where you want the user to inhale, not scan.
One unexpected win? Email headers. When exported as crisp SVG text (not embedded raster), Gastelou added warmth to a plain-text–heavy newsletter—without breaking rendering across Gmail, Apple Mail, or Outlook. It reminded readers this wasn’t another automated blast. It was a note from someone who shapes clay with their hands.
Typography is never just about aesthetics—it’s about pacing, trust, and tone. Gastelou doesn’t shout. It leans in. That makes it ideal for brands building slow, intentional digital experiences: makers, mentors, healers, educators, and creators who value craft over convenience. It won’t fix weak content or poor UX—but when placed thoughtfully, it quietly reinforces that what’s here was made with care.
If you’re choosing a display font for your next web project, ask yourself: Does this typeface reflect how the brand speaks—not just what it says? With Gastelou, the answer is often yes. Not because it’s trendy, but because it’s textured, human, and unapologetically hand-touched. And in a web full of frictionless sameness, that kind of authenticity is rare—and valuable.
