Typography

Intro:

Playfair Display is RunRentals special Typeface. It has a fancy look with fun, rounded edges that shows RunRentals is a trustworthy, optimistic, and sincere company. The font is also light, giving it a clean and stylish look. All of these cool features make Playfair Display perfect for RunRider's headings and important text.

Supporting Typeface is:

Montserrat is the font we use a lot, it's simple and easy to read. It helps balance out the fancy look of Playfair Display and makes sure our text is clear and easy to understand. It's like a workhorse, always there to support and make things run smoothly.

Green and orange electric scooters on parking

Type Scale

H1

35px

Playfair Display - Bold


H2

28px

Playfair Display - Bold


H3

20px

Playfair Display - Bold


p

16px

Montserrat - Regular


a

16px

Montserrat - SemiBold

Example

Heading 1

Code behind Example:
<h1>Heading 1</h1>

Html:

h1{font-family: 'Playfair Display', serif; font-weight: 700; color: #191b1a; font-size: 35px;}

Css: