Font Tester · Dark Theme Hero
Which cursive feels right?
Two ways to use a script face in the hero: as a single accent word inside the serif headline (recommended, keeps it readable), or as the whole line (bolder, riskier). Each card names the font and the feeling it carries. All are Google Fonts, so they load the same way the design system already loads type.
accent word shown in teal · headline base stays Fraunces
Approach A — cursive accent word inside the serif headline
Caveatfriendly marker · casual
Charcoal ground, accents that still burn bright.
Kalamhandwritten · warm · legible
Charcoal ground, accents that still burn bright.
Shadows Into Lightairy notebook · light
Charcoal ground, accents that still burn bright.
Dancing Scriptflowing · elegant · popular
Charcoal ground, accents that still burn bright.
Satisfyrelaxed brush · signature
Charcoal ground, accents that still burn bright.
Yellowtailretro brush · confident
Charcoal ground, accents that still burn bright.
Marck Scriptcasual ballpoint · personal
Charcoal ground, accents that still burn bright.
Approach B — the whole hero line in script (bolder, use larger)
Pacificosurf · playful · rounded
Accents that still burn bright.
Great Vibesformal script · graceful
Accents that still burn bright.
Sacramentothin monoline · delicate
Accents that still burn bright.
Comfortersoft brush · cozy
Accents that still burn bright.
Gaeguchildlike · bubbly · fun
Accents that still burn bright.
Reenie Beaniescrawled note · loose
Accents that still burn bright.
Nanum Pen Scriptquick pen · breezy
Accents that still burn bright.
Tip: for a design system, the accent-word approach (A) ages better and stays readable at small sizes. Full-script heroes (B) hit harder but work best when the line is short and large.