• Header Cat Proxima Nova Semibold, 18px, #404645, 1.4 Line Height

  • h1/.h1 Proxima Nova Semibold, 46px, #404645, 1 Line Height

General Typography Rules

  • h2/.h2 Proxima Nova Semibold, 30px, #404645, 1.25 Line Height

  • h3/.h3 Proxima Nova Light, 26px, #404645, 1.25 Line Height

  • h4/.h4 Proxima Nova Semibold, 24px, #404645, 1.25 Line Height

  • h5/.h5 Proxima Nova Regular, 18px, #3A3E3E, 1.2 Line Height
  • h6/.h6 Proxima Nova Semibold, 16px, #404645, 1.4 Line Height
  • small/.small - Proxima Nova Regular, 14px, #6E7975, 1.4 Line Height

  • body - Proxima Nova Light, 18px, #6E7975, 1.4 Line Height

Button Styles

Typography Layout Examples

8 column header

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras metus ipsum, ornare et lacus id, consectetur cursus purus. Integer vel lectus et tortor viverra varius quis nec lacus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras metus ipsum, ornare et lacus id, consectetur cursus purus. Integer vel lectus et tortor viverra varius quis nec lacus.

4 column header

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras metus ipsum, ornare et lacus id, consectetur cursus purus. Integer vel lectus et tortor viverra varius quis nec lacus.

6 column header

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras metus ipsum, ornare et lacus id, consectetur cursus purus. Integer vel lectus et tortor viverra varius quis nec lacus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras metus ipsum, ornare et lacus id, consectetur cursus purus.

6 column header

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras metus ipsum, ornare et lacus id, consectetur cursus purus. Integer vel lectus et tortor viverra varius quis nec lacus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras metus ipsum, ornare et lacus id, consectetur cursus purus.

4 column header

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras metus ipsum, ornare et lacus id, consectetur cursus purus. Integer vel lectus et tortor viverra varius quis nec lacus.

4 column header

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras metus ipsum, ornare et lacus id, consectetur cursus purus. Integer vel lectus et tortor viverra varius quis nec lacus.

4 column header

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras metus ipsum, ornare et lacus id, consectetur cursus purus. Integer vel lectus et tortor viverra varius quis nec lacus.

3 column header

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras metus ipsum, ornare et lacus id, consectetur cursus purus.

3 column header

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras metus ipsum, ornare et lacus id, consectetur cursus purus.

3 column header

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras metus ipsum, ornare et lacus id, consectetur cursus purus.

3 column header

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras metus ipsum, ornare et lacus id, consectetur cursus purus.

Full Width Background

Grid System

Section Headline

All Articles
placeholder
placeholder
placeholder

Profile Boxes

View Profile
View Profile
View Profile
View Profile

Featured Boxes

  • Agency
  • 24 Active Members
  • 260 HRS of Listening
  • 260 HRS of Listening

Song Boxes

Song Boxes with Questions

The question lorem ipsum set dolor?
The question lorem?
The question lorem ipsum set dolor orem ipsum set dolor?
The question lorem ipsum set dolor orem ipsum set dolor?
Spotify For Brands
Always On

Our listeners want music from morning to night. We’re happy to oblige.

Spotify for Brand
Spotify For Brands
Extremely Engaged
146 min

That’s how long the average cross-platform user spends listening, dancing or singing along to Spotify every day.

Internal Spotify data based on global average multi-device user, April 2014 Spotify for Brand
Spotify For Brands
Highly Influential

We're the talk of the town. Our listeners share tracks, artists, albums and playlists. 2/3 of that sharing extends beyond Spotify, spreading out into social networks.

Spotify for Brand
Spotify For Brands
Increasingly Mobile

Since last year, the share of our users listening on mobile has tripled. So more people take us more places. And you have more ways to reach them.

Spotify for Brand