Radio Styleguide

Browse the UI elements available on the Radio Template.
Radio is a Webflow Template for Podcasts. It was designed & developed by BRIX Templates.

Colors

Primary Colors

Primary 1
#3C45AB

Secondary Colors

Secondary 1
#F1F5FF
Secondary 2
#042EC3

Neutral Colors

Neutral 700
#0A0A0B
Neutral 600
#3D3D41
Neutral 500
#747577
Neutral 400
#B0B2B7
Neutral 300
#E0E1E3
Neutral 200
#E9EAEE
Neutral 100
#FAFAFA
White
#FFFFFF

Typography

Special Text

Heading 1 Text

Special Text 1 - 80px/94px

Special 2 Text

Special Text 2 - 68px/76px

Display 3 Text

Special Text 3 - 32px/36px

Rich Text

Heading H1 - Aa Bb Cc Dd

Heading 1 - 52px/62px

Heading H2 - Aa Bb Cc Dd

Heading 2 - 36px/40px

Heading H3 - Aa Bb Cc Dd

Heading 3 - 26px/30px

Heading H4 - Aa Bb Cc Dd

Heading 4 - 22px/25px
Heading H5 - Aa Bb Cc Dd
Heading 5 - 18px/20px
Heading H6 - Aa Bb Cc Dd
Heading 6 - 18px/20px

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquet euismod ut id ullamcorper nunc diam. Amet a ac ut pharetra. Amet, accumsan, nisl in elementum volutpat integer. Cursus est elementum maecenas ut. Vel convallis blandit enim nulla. Placerat mauris tellus viverra enim quam viverra tincidunt tristique.

Paragraph Default - 18px/30px

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquet euismod ut id ullamcorper nunc diam. Amet a ac ut pharetra. Amet, accumsan, nisl in elementum volutpat integer. Cursus est elementum maecenas ut. Vel convallis.

Paragraph Large - 24px/36px

Bold - Lorem ipsum dolor sit amet

Bold Text

Italic - Lorem ipsum dolor sit amet

Italic Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquet euismod ut id ullamcorper nunc diam. Amet a ac ut pharetra. Amet, accumsan, nisl in elementum volutpat integer. Cursus est elementum maecenas ut.
Block Quote
  • Example 1
  • Example 2
Unordered List
  1. Example 1
  2. Example 2
Ordered List
Figure
This is a figure caption
Figure Caption

Buttons

Small
Button Primary - Small
Default
Button Primary - Default
Large
Button Primary - Large
Small
Button Secondary - Small
Default
Button Secondary - Default
Large
Button Secondary - Large