Style Guide

Every value on this page comes from a Webflow variable. Change the variable and the whole site follows.

Colors (Theme)

Brand/ink
--brand--ink
Text/primary
--_theme---text--primary
Background/alternate
--_theme---background--alternate
Background/secondary
--_theme---background--secondary
Background/tertiary
--_theme---background--tertiary
Background/primary
--_theme---background--primary

Headings (Typography)

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6

Text sizes

Text large. Fresh flowers for every occasion.

Text medium. Fresh flowers for every occasion.

Text regular. Fresh flowers for every occasion.

Text small. Fresh flowers for every occasion.

Text tiny. Fresh flowers for every occasion.

Buttons

PrimarySecondarySmall

Spacing and radius (Layout, Sizes)

  • Section/small, medium, large: 3 / 5 / 8 rem (tablet 3 / 4 / 6, mobile 2 / 3 / 4)
  • Padding/global: 2.5 rem (tablet 2, mobile 1.25)
  • Container/large, medium, small: 80 / 64 / 48 rem
  • Radius/small, medium, large, round: 0.5 / 0.75 / 1.5 / 100 rem