Skip to content
One Page Love
  • Menu
    • 🏠 Home
    • ℹ️ Info & Contact
    • 📬 Newsletter
    • 📚 Learn
    • 💫 Inspiration
    • 🏗 Templates
  • Websites
    • Category
    • ★Portfolio
    • ★Landing Page
    • ★Digital Product
    • ★Launching Soon
    • ★App
    • ★Service
    • ★Personal
    • ★Event
    • ★Informational
    • ★Music Related
    • ★Experimental
    • ★Restaurant
    • ★Finance
    • ★Photography
    • ★SaaS
    • ★Startup
    • ★Game
    • ★Physical Product
    • ★E-commerce
    • ★Sport
    • Style
    • ★Illustrative
    • ★Scroll Effects
    • ★Minimal
    • ★Flat Design
    • ★Typographic
    • ★Fun
    • ★Horizontal Layout
    • ★Retro & Vintage
    • ★3D
    • ★Gradients
    • ★Brutalism
    • ★Narrow Layout
    • ★Grunge
    • ★Modular Layout
    • ★Glassmorphism
    • ★Futuristic
    • ★Pixel Art
    • ★Editorial
    • ★Bold
    • ★Glitch
    • ★Grid Layout
    • ★Luxury
    • ★Skeuomorphism
    • ★Corporate
    • Platform
    • Webflow
    • WordPress
    • Framer
    • Squarespace
    • Craft CMS
    • Shopify
    • Readymag
    • Elementor
    • Carrd
    • Wix
    • Kirby CMS
    • Figma
    • Tech
    • Tailwind CSS
    • GSAP
    • Next.js
    • Bootstrap
    • Lottie
    • Vue.js
    • Three.js
    • shadcn/ui
  • Sections
    • Sections
    • ★Social Proof
    • ★Lead Capture
    • ★Testimonials
    • ★FAQ
    • ★Pricing
    • ★Pricing Table
    • ★Team
    • ★Client Logos
    • ★Testimonials Grid
    • ★Screenshots
    • ★Contact Form
    • ★FAQ Accordion
    • ★Device Mockup
    • ★Newsletter
    • ★Navigation
    • ★Call-To-Action
    • ★Header Navigation
    • ★Infographics
    • ★Footer
    • ★Waitlist or Beta Sign Up
    • ★How It Works
    • ★Call-To-Action Hero
    • ★Client Logo Row
    • ★View all →
  • Typefaces
  • Templates
    • Browse
    • All Templates
    • Premium
    • Free
    • Category
    • ★Landing Page
    • ★Website Builder
    • ★Portfolio
    • ★Multipurpose
    • ★No-Code
    • ★Personal
    • ★App
    • ★Résumé
    • ★Launching Soon
    • ★Event
    • ★Service
    • ★Photography
    • ★Restaurant
    • ★E-commerce
    • ★Wedding
    • ★Music Related
    • ★UI Kit
    • ★Digital Product
    • ★SaaS
    • ★Sport
    • ★Physical Product
    • ★Startup
    • ★Informational
    • ★Announcement
    • ★Case Study
    • ★Single Serving
    • ★Annual Report
    • ★Travel and Tourism
    • ★Real Estate and Architecture
    • Platform
    • Framer
    • Webflow
    • WordPress
    • Squarespace
    • Carrd
    • Elementor
    • Figma
    • Readymag
    • Wix
    • Shadcnblocks
    • B12
    • Figma Sites
    • Shopify
    • Tech
    • HTML
    • Bootstrap
    • Tailwind CSS
    • Next.js
    • Astro
    • shadcn/ui
    • jQuery
    • GSAP
  • MCP
← All typefaces
Lyon typeface specimen

Lyon

See Lyon in use on real websites. Explore the full designs, layouts and font pairings.

Get font
Website examples ↓ Font pairings ↓

Websites using Lyon

Wist Thumbnail Preview

Wist

Landing Page SaaS
50 Years of Rudolf Heltzel Thumbnail Preview

50 Years of Rudolf Heltzel

Digital Product Event
Mike Guss Thumbnail Preview

Mike Guss

Portfolio
Pauline Osmont Thumbnail Preview

Pauline Osmont

Portfolio
YAY Thumbnail Preview

YAY

Portfolio
Olivier Raimbaud Thumbnail Preview

Olivier Raimbaud

Portfolio
Mah Ze Dahr Bakery Thumbnail Preview

Mah Ze Dahr Bakery

E-commerce Restaurant
Good Work Thumbnail Preview

Good Work

Portfolio Service

Lyon font pairings

Used together in our collection. Open the examples to see how each design combines them; font credits do not specify which font is used for headings or body text.

Futura + Lyon

+
Pauline Osmont, a website using both typefaces Mah Ze Dahr Bakery, a website using both typefaces

Helvetica Neue + Lyon

+
Olivier Raimbaud, a website using both typefaces

Inter + Lyon

+
Wist, a website using both typefaces

GT Walsheim + Lyon

+
Mike Guss, a website using both typefaces

Graphik + Lyon

+
Good Work, a website using both typefaces

Courier + Lyon

+
Wist, a website using both typefaces
View all font pairings →

Explore font alternatives

Alternatives to

Proxima Nova alternatives

Free
Free
Alternatives to

Helvetica Neue alternatives

Free
Free
Alternatives to

Neue Montreal alternatives

Free
Free
Alternatives to

Avenir alternatives

Free
Free
Alternatives to

Editorial New alternatives

Free
Free
Alternatives to

Inter alternatives

Free
Free
Alternatives to

Geist alternatives

Free
Free
View all alternatives →

Font collections

Portfolio websites

SaaS websites

Free fonts

Expressive serif fonts

Our favorite websites, every two weeks

Join thousands of designers reading the Love Letter. Unsubscribe anytime

Preview of Love Letter 93 Preview of Love Letter 94 Preview of Love Letter 95
Read the latest issue ↗

Explore

  • Websites
  • Page sections
  • Typefaces
  • Templates
  • Favicons

Resources

  • Design glossary
  • Font pairings
  • Font alternatives
  • Articles
  • Tools
  • MCP
  • API

One Page Love

  • About
  • Hire a designer
  • Submit a website
  • Sponsor
  • Newsletter archive

Follow along

One Page Love · Hand-picked since 2008

  • Legal Notice
  • Privacy