HeadLINE

Subtitle text

DO NOT EDIT STYLES ON THIS PAGE
Changing the STYLE of an element will affect ALL elements with the SAME CLASS.
Add a ADDITIONAL class for style CHANGES.

Best to AVOID editing any styles on the site whenever possible. Instead, COPY AND PASTE elements from the nav on the left — on this page or the Symbol Samples page!
Buttons, dark and light
Primary Dark
Secondary Dark
Submit Button
Inline Link
Right inline arrow blue
Primary Disabled
Secondary Disabled
Primary Light
Secondary Light
Primary Disabled
Secondary Disabled
Headings — do not edit styles; copy can be changed

h1 - 72, 50

h2 - 60, 40

H2 Small - 45px no caps

H3 - 45, 35

H4 - 32, 30

H5 - 32, 24
H6 - 16

P - 16

ALL CAPS - CHANGES ANY TEXT ELEMENT TO ALL CAPS

Text Center - Centers text

Inline Text - Changes text from block to Inline-Block with a 5px margin

Text Notice - Used in forms or to display a message/notice to users

Rich Text

USED IN CMS COLLECTIONS!

All text elements are already configured you need to add the class Rich Text to any Rich Text element to get the pre-set styles.

"Pull quote..."
— Pull Quote Attribution H5

Text Truncate

USED IN ABOUT US BIOS!

Text is set to truncate after x amount of characters

Divs — used for section headings; icon & copy can be changed
blue american flag icon

Div width 800

blue american flag icon

Div width 600

blue american flag icon

Div width 500

Cards — cards are wrapped in a Card Wrapper; copy can be changed
Card Header
Card 4 - width of 23%
Card Header
Card 4 - width of 23%
Card Header
Card 4 - width of 23%
Card Header
Card 4 - width of 23%
Card Header + Dark Blue
Card 3 - width of 31%
Card Header + Dark Blue
Card 3 - width of 31%
Card Header + Dark Blue
Card 3 - width of 31%
Card Header + Light Blue
Card 2 - width of 47%
Card Header + Light Blue
Card 2 - width of 47%
Calls To Action — create a section with the desired colour, then insert the CTA symbol
email envelope icon

Sign up for updates

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

ready to become a tfc volunteer?

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

ready to become a tfc volunteer?

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Sections
White Section
Light Blue Section
Gradient Section Light
Dark Section
Light Blue Section
Split Section 2 — images, text, & CTAs can be changed; add more columns if needed
united states map
2020 Election Results
Our Work Across 27 States
See the Results
hand holding cell phone saying the self lift
2020 Political ads report
Dems Have a Lot to Learn
Read the Report
Split Section 1 — images, text, & CTAs can be changed; add more columns if needed
united states map
2020 Election Results
Our Work Across 27 States
See the Results
Split Section 3- images, text & CTAs can be changed
united states map
2020 Election Results
Our Work Across 27 States
See the Results
hand holding cell phone saying the self lift
2020 Political ads report
Dems Have a Lot to Learn
Read the Report
united states map
2020 Election Results
Our Work Across 27 States
See the Results
Column Section (image + copy) — image & copy can be changed
laptop showing polaris app with smart phone screen doing call time
blue tools icon

building tech

Democrats’ digital disadvantage extends to tech. We build tools for campaigns and caucuses to streamline their efforts and win elections.

Donate Today
Learn About Our Tech Tools
Right inline arrow blue
Column Section (content + image) — Image & Copy can be changed. Layout can be switched as well.
blue tools icon

building tech

Democrats’ digital disadvantage extends to tech. We build tools for campaigns and caucuses to streamline their efforts and win elections.

Donate Today
Learn About Our Tech Tools
Right inline arrow blue
laptop showing polaris app with smart phone screen doing call time
Global combo classes

These can be applied as additional classes to any element.

Hidden: Not shown at all. Use this for keeping around elements that will be turned on and off (e.g. a notification banner that might be unused most of the time, but is kept present in a hidden state so it's easy to turn on without rebuilding it).
‍
‍
Shadow: Applies a drop shadow to the element.
‍
An element with the Shadow class
Externally defined classes

Class names that start with "x-" are externally defined classes. Their appearance is defined outside of Webflow, and often enables some behaviour that's implemented in JavaScript. Such classes can be freely used on elements in Webflow whenever you want the associated behaviour, but are not and should never be styled in Webflow.

x-dismissable: Shown normally until the user clicks the element marked with x-onclick="dismiss(this)" within, which sets a cookie that hides and keeps hidden the x-dismissable element for hours.‍
‍
Project card types — edit a colour here to apply to all projects of a given type on the Open Projects page
Ads

Alice Candidate

Arizona State House
Learn More

Project Description

Lorem ipsum...

Time Commitment

  • Apr 1 to Apr 20, 2021
  • 1 million hours

Roles Needed

  • Magician
  • Acrobat
Email Marketing

Bob Candidate

Colorado State Senate
Learn More

Project Description

Lorem ipsum...

Time Commitment

  • Apr 1 to Apr 20, 2021
  • 5 minutes

Roles Needed

  • Clown
  • Mime
Special Project

Donut Delivery

Delaware Governor
Learn More

Project Description

Lorem ipsum...

Time Commitment

  • Apr 1 to Apr 20, 2021
  • 100 years

Roles Needed

  • Cyclist
  • Taste Tester
Texting

Tom Candidate

Texas Justice
Learn More

Project Description

Lorem ipsum...

Time Commitment

  • Apr 1 to Apr 20, 2021
  • 100 years

Roles Needed

  • Thumb Athlete
  • Millenial
Website

Wanda Candidate

Wyoming Lt. Governor
Learn More

Project Description

Lorem ipsum...

Time Commitment

  • Apr 1 to Apr 20, 2021
  • 100 years

Roles Needed

  • Designer
  • Impressionist
Recipe card colours
Filter by:
Recipe Image
Channel

Blue Recipe Card

CYCLE
Year
platforms
Platform One
Platform Two
objectives
Objective One
Objective Two
Objective Three
Read More
Right inline arrow blue
Recipe Image
Channel

Navy Recipe Card

CYCLE
Year
platforms
Platform One
Platform Two
objectives
Objective One
Objective Two
Objective Three
Read More
Right inline arrow blue
Recipe Image
Channel

Bronze Recipe Card

CYCLE
Year
Platform One
Platform Two
objectives
Objective Two
Objective Three
Read More
Right inline arrow blue
Recipe Image
Channel

Green Recipe Card

CYCLE
Year
platforms
Platform One
Platform Two
objectives
Objective One
Objective Two
Objective Three
Read More
Right inline arrow blue
Recipe Image
Channel

Purple Recipe Card

CYCLE
Year
platforms
Platform One
Platform Two
objectives
Objective One
Objective Two
Objective Three
Read More
Right inline arrow blue
Recipe Image
Channel

Saturated Blue Recipe Card

CYCLE
Year
platforms
Platform One
Platform Two
objectives
Objective One
Objective Two
Objective Three
Read More
Right inline arrow blue
Recipe Image
Channel

Saturated Red Recipe Card

CYCLE
Year
platforms
Platform One
Platform Two
objectives
Objective One
Objective Two
Objective Three
Read More
Right inline arrow blue
Recipe Image
Channel

Saturated Navy Recipe Card

CYCLE
Year
platforms
Platform One
Platform Two
objectives
Objective One
Objective Two
Objective Three
Read More
Right inline arrow blue
Recipe Image
Channel

Saturated Bronze Recipe Card

CYCLE
Year
platforms
Platform One
Platform Two
objectives
Objective Two
Objective Three
Objective One
Read More
Right inline arrow blue
Recipe Image
Channel

Saturated Green Recipe Card

CYCLE
Year
platforms
Platform One
Platform Two
objectives
Objective Two
Objective Three
Objective One
Read More
Right inline arrow blue
Recipe Image
Channel

Saturated Purple Recipe Card

CYCLE
Year
platforms
Platform One
Platform Two
objectives
Objective Two
Objective Three
Objective One
Read More
Right inline arrow blue