Typography

Type styles for body text, headings & subheadings.
Changes here will apply site wide.
Style Guide.

Display

Display text

I can't stop this feeling deep inside of me

H1

Girl, you just don't realize what you do to me

H2

When you hold me
In your arms so tight

H3

You let me know
Everything's all right

H4
I, I'm hooked on a feeling
h5 (overline)
You know what can't fit in a bottle are the twenty little trips I take to the cooler. And the twenty little scans I do of everybody to make sure everything's running smoothy and the twenty conversations that I have with Stanley.
P-Large

People say I'm the best boss. They go, 'God, we've never worked in a place like this. You're hilarious, and you get the best out of us.' [lifts up 'World's Best Boss' coffee mug] Um, I think that pretty much sums it up. [pauses] I found it at Spencer Gifts.

Paragraph (base rem)
Webflow Style Guide
Text Label

Just add the 'BoldText' class to make any text bold!

Add the 'CenterAlignText' class to center your text.

Add the 'RightAlignText' class to align your text to the right.

Just add the 'WhiteText' class to make any text white!

Colors

Fill and border colors for backgrounds and more.
Changes here will apply site wide.
Style Guide.
Fill Accent 1
#ff007a
Fill Accent 2
#cf56ff
Fill Accent 3
#38a7ff
Fill Black
#000
Fill Gray 1
#d4d4d4
Fill Gray 2
#f8f8f8
Fill Gray 3
#f3f4f5
Fill White
#fff
border Accent 1
#ff007a
border Accent 2
#cf56ff
border Accent 3
#38a7ff
border Black
#000
border Gray 1
#d4d4d4
border White
#fff
border Wt 2px
#fff
border blk 2px
#000
All Links

Buttons & Links

Buttons, links & Read More buttons.
Changes here will apply site wide.
Style Guide.
black button
48px
Main Button
white button
48px
Main Button
Accent 1 button
48px
Main Button
Accent 3 Button
48px
Main Button
black Border
48px
Border Button
white border
48px
Border Button
Accent 1 Border
48px
Border Button
Accent 3 Border
48px
Border Button
Large black button
64px
Large Button
Large white button
64px
Large Button
Large Accent 1 button
64px
Large Button
Large Accent 3 Button
64px
Large Button
3px border radius
48px
Main Button
6px border radius
48px
Main Button
Round Button
48px
Border Button
Full Width button
Apply Class: 100W
Main Button
Large Button
Inline link 1

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 Inline Link libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Inline link 2

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 Inline Link libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Black Link
w/ Animated Icon
Read More
White Link
w/ Animated Icon
Read More
Subscribe & Contact Forms

Forms & Fields

Form and input fields including subscribe forms.
Changes here will apply site wide.
Style Guide.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Email
Phone (optional)
Company Name
Project deadline
Project description
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.