# Headers

## H1 - Main Header

Lato Black 30

The H1 Header denotes the highest level page heading. For example for “Explore” or “Library”. Used only to describe sections of the app that may contain sub sections

![](https://772179109-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBXl4_XxL-5Z7dUVYZ6%2F-LI7t_qLWwS_k-b9VSHi%2F-LI7tfnsaMDHZba-ecKu%2FH21.png?alt=media\&token=f40625fc-1224-4663-a3be-7dad3a376f92)

![](https://772179109-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBXl4_XxL-5Z7dUVYZ6%2F-LIwWkKJsuV3NWcF4DHb%2F-LIwXCqiv4T_uX7imoa1%2FH1%202.png?alt=media\&token=87ce9ead-c8e3-43e8-ba5e-1bf75da72ba1)

## H2 - Section Header

Lato Black 22

The H2 Header is the most common Header throughout the app, which is used to divide sections of the page, including search results. 

![](https://772179109-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBXl4_XxL-5Z7dUVYZ6%2F-LIwXEqSV715VEOoa3JZ%2F-LIwXfIVelPrU8IL-hw0%2FH2%201.png?alt=media\&token=61b2e2e4-5b1a-441c-b435-59a3094bc195)

![](https://772179109-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBXl4_XxL-5Z7dUVYZ6%2F-LIwXEqSV715VEOoa3JZ%2F-LIwXiRWnn-Bt-KPBFHM%2FH2%202.png?alt=media\&token=ddf08e75-ae51-41c9-b5db-53be57b96695)

## H3 - Page Header

Lato Heavy 17

The H3 Header is the header used at the top the screen when in the playlist view. For example, when in a radio station, the station or Playlist title will be centered at the top of the page.

![](https://772179109-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBXl4_XxL-5Z7dUVYZ6%2F-LIwXEqSV715VEOoa3JZ%2F-LIwXuaSAMoVPxRav9oh%2FH3%201.png?alt=media\&token=0d601f0a-91fe-4caa-8071-ea27c4a3a073)

![](https://772179109-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBXl4_XxL-5Z7dUVYZ6%2F-LIwXEqSV715VEOoa3JZ%2F-LIwXxx47azFYt6cY9bq%2FH3%202.png?alt=media\&token=3f8eac92-565e-43fe-9f79-e5cbc457dcf3)

## H4 - Tab Header

Lato Medium 16

The H4 Header is the header used at the top the screen when in the playlist view. For example, when in a radio station, the station title will be an H3. Used only to describe sections of the app that may contain sub sections

![](https://772179109-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBXl4_XxL-5Z7dUVYZ6%2F-LIwXEqSV715VEOoa3JZ%2F-LIwYYDCA60eeAc7wN_S%2FH4%201.png?alt=media\&token=86f88149-5545-45f0-ad06-d79fbacb4a8d)

![](https://772179109-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBXl4_XxL-5Z7dUVYZ6%2F-LIwXEqSV715VEOoa3JZ%2F-LIwY_EJbxHH8H1UTC4j%2FH4%202.png?alt=media\&token=f12ede9d-dbc5-44f6-a366-150c845b76d0)

## H5 - Section Descriptor

Lato Regular 12

The H5 Section Descriptor is used above H2 Section Headers when additional information the section may be relevant to the user and may signal that the section is tailored to the user rather than a generic playlist. For instance, “Based On Listening”

![](https://772179109-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBXl4_XxL-5Z7dUVYZ6%2F-LIwXEqSV715VEOoa3JZ%2F-LIwZ0cfGfedIPB-HkRF%2FH5%201.png?alt=media\&token=6ce9665c-f525-4f83-8fb6-2df43c9d1258)