Button Styles

Primary Button

Secondary Button

Secondary Button Secondary Button Secondary Button

Tertiary Button

Note* Both the Primary and Secondary button styles use then actual Webflow "Button" widget. The Tertiary button uses a link block with a text widget and svg widget inside of it.

Image Blocks

Default Image

Width: 100%;
Height: auto;

Image Full

Width: 100%;
Height: 100%;

Image Card

Width: 100%;
Height: [Preset];

Change the height of these images in the height section of the "Image Card" css style.

Card Style

Content Wrapper

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Tertiary Button

Content Wrapper

Card Style

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Tertiary Button

Content Wrapper

Card Style

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Tertiary Button

Main Section wrapper with inner sections

Content Wrapper

Large

Content wrappers add a flex grid to the div and add small padding by default. This is great for inner content like card styles. But for main sections you'll want just a little bit more padding. Use the combo class "Content Wrapper - Large" to add Medium padding to the section. This is good for main sections that have normal content wrappers inside if it. It helps space them out more.

Long heading is what you see here in this feature section

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Tertiary Button

Long heading is what you see here in this feature section

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Tertiary Button

Long heading is what you see here in this feature section

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor.

Tertiary Button