Styles

Typography

Tailor the font style to your preference by accessing the Variables panel.
Pick the font family you'd like to adjust effortlessly.

Should you wish to explore different fonts, navigate to Site Settings > Fonts. This section allows you to upload custom fonts, seamlessly integrate Google Fonts, or connect your Adobe Fonts account for a personalized touch. Once you've successfully uploaded a font in Site Settings, return to the Variables panel.
There, choose the specific font family you've added to implement any desired modifications.

The fonts utilized in this template are freely available for use under the Google Fonts license.

Section heading

Section Heading
Google font: Nunito Sans

Big heading

Big Heading
Google font: Nunito Sans

Heading H1

All H1 Headings
Google font: Nunito Sans

Heading H2

All H2 Headings
Google font: Nunito Sans

Heading H3

All H3 Headings
Google font: Nunito Sans

Heading H4

All H4 Headings
Google font: Nunito Sans
Heading H5
All H5 Headings
Google font: Nunito Sans

Paragraph

All Paragraphs
Google font: Nunito Sans

Big Paragraph

Big Paragraph
Google font: Nunito Sans
Rich Text

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Colours

Harness the power of Webflow's variable feature with this template, enabling effortless color modifications that propagate across the entire site. To tweak a color, navigate to the Variables panel and select the one you want to adjust.

Aa
Black
Aa
White
Aa
Primary
Aa
Secondary
Icons

All icons are Google material symbols, click here to read more about them

To change colour on SVG elements, download the .svg file from Assets, open it in a text editor, and seamlessly replace the HEX color code with your desired hue. Then, update the .svg file on the site with the modified version. It's that simple!

Photos used in template

Every image featured in this template is obtained from Pexels and Lummi, ensuring they are free for commercial use. Explore the Pexels license details here or Lummi here for more information. Shout out to diva-plavalaguna that is the photographer for most images in this template.

Buttons

Tailor the button colour and radius to your preference by accessing the Variables panel.

Primary ButtonSecondary Button
Play right away
Icon button
Soundcloud