Style Guide

Use this page as a reference for the visual building blocks of this site, or to make quick updates that will propagate site-wide.

№ 1 — Typography

H1 — Display

Fútbar
summer
fest

H2 — Headline

Street Soccer · Food Trucks · DRINKS

Sponsors & Vendors

H3 — Button

Register

Body
With a broad sense of confusion proceeding the HBO Max launch, we were challenged with helping the brand ultimately bring clarity to existing customers as well as potential subscribers.
Caption
View All Work
Text Styles

Black Caps

heavy caps

caps

underline

This text has a slightly longer max-width so that it can span longer, which is used for some questions on the page.

This text has a slightly longer max-width so that it can span longer, which is used for some questions on the page.

Paragraph

With a broad sense of confusion proceeding the HBO Max launch, we were challenged with helping the brand ultimately bring clarity to existing customers as well as potential subscribers.

Text Link
I'm clickable
Label
Palo Santo
Block Quote
“HBO is known for premium content, and HBO Max packs a punch with a premium experience and a whole lot more.”
‍
Jason MulderigSVP, Brand Marketing at WarnerMedia

№ 2 — Color

Solids

Swatch labels are dynamically generated on publish.

Neutrals
Opacity Scale
Text

What energy leaders really think

What energy leaders really think

What energy leaders really think

What energy leaders really think

What energy leaders really think

What energy leaders really think

What energy leaders really think

What energy leaders really think

What energy leaders really think

№ 3 — Elements

Icons
Social Links
Logos
Brand Links
Images — Fixed Aspect Ratios
16:9

№ 4 — Global Styles

In the Global Styles symbol you'll find two style elements:

‍

  • Standard Styles contains a suite of utility classes for things like spacing and layers that are commonly used across our Webflow projects.
  • Site Styles contains a suite of custom styles specific to your site and functionality like responsive typography, custom colors, and interactions.