TFCU Logo simplified

Fonts & Colors

Font Colors

Color = FFFFFF

Color =BCF0FF

Color = 4FC5D6 

Color = 0B8298

Color = 004B85

Color = 000000

Color = F1F1F1

Color = 5b5b5b

2019 Button Colors

Click here
Click here
Click here
Test This

Dark Container Buttons

Click here
Click here

2019 Heading Styles

This is the headline H1

This is the headline H2

This is the headline H3

This is the headline H4

This is the headline H5
This is the headline H6

this is bold paragraph text

This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text.

This is a LINK

  • This is a bullet point in a list.
  • This is a bullet point in a list.
  • This is a bullet point in a list.
  • This is a bullet point in a list.
  • This is a bullet point in a list.

This is a quote within the main content area. This is a quote within the main content area. This is a quote within the main content area. This is a quote within the main content area. This is a quote within the main content area. This is a quote within the main content area. This is a quote within the main content area. This is a quote within the main content area. This is a quote within the main content area. This is a quote within the main content area. This is a quote within the main content area.

  1. This is a numbered item in a list.
  2. This is a numbered item in a list.
  3. This is a numbered item in a list.
  4. This is a numbered item in a list.
  5. This is a numbered item in a list.

2019 Speciality Styles

additional class: promo

We Get It

additional classes for adjusting sizes without using heading styles.

additional class: bigger_one

This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text.

additional class: bigger_two

This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text.

additional class: smaller_one

This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text.

additional class: smaller_two

This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text. This is the body text.

Photo Guides

These guides can help with cropping and sizing photos for this site:

Main Image for top of page left or right container: 1080 px wide x 720 px tall

Note: This size is also used for Blog Featured Images

Image for smaller lead-in container: 560 px wide x 315 px tall

Colorful cars stacked in a display representing Carvana inventory ready to buy.

2019 Accessibility Color Usage Guide

This guide can help with using colors for accessibility:

2019 Accessibility Code Guide

YouTube Embedded Videos:

Each video must have some added code the for the ID and Title. These should be unique to each video.

YouTube example of code added

iFrames from Vendors:

Each iFrame must have some added code the for a unique Title.

Guide for iFrame code