MENU

Style Guide

Colors

Texas Flag Blue

  • Secondary Headlines
  • Backgrounds

Texas Flag Red

  • Link Color
  • Backgrounds

TAC Gold

  • Buttons
  • Hover/Interactions

Black

  • Paragraph Text

Cool Gray

  • Headline Text

Gray

  • HR Dividers

Light Gray

  • Light Background Color

Light Blue

  • Light Background Color

Gradients

#BF0D3E

#7C0729

#123F91

#00205B

#00205B

#123F91

#00205B

Typography

Headlines

Aa

Proxima Nova Condensed ExtraBold

Aa

Proxima Nova Condensed SemiBold

Aa

Proxima Nova Condensed Light

Headlines

Aa

Libre Baskerville Regular

Aa

Libre Baskerville Italic

Aa

Libre Baskerville Bold

Headings

H1. The quick brown fox jumps over the lazy dog.

H2. The quick brown fox jumps over the lazy dog.

H3. The quick brown fox jumps over the lazy dog.

H4. The quick brown fox jumps over the lazy dog.

H5. The quick brown fox jumps over the lazy dog.
H6. The quick brown fox jumps over the lazy dog.

H1. The quick brown fox jumps over the lazy dog.

H2. The quick brown fox jumps over the lazy dog.

H3. The quick brown fox jumps over the lazy dog.

H4. The quick brown fox jumps over the lazy dog.

H5. The quick brown fox jumps over the lazy dog.
H6. The quick brown fox jumps over the lazy dog.

Paragraphs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et justo sed dui feugiat cursus. Phasellus pharetra dui lobortis odio efficitur suscipit. Aenean condimentum ullamcorper ullamcorper. Nunc a tempus neque. Pellentesque nec pharetra purus. Proin fermentum purus non tortor posuere, vel convallis dolor interdum. Suspendisse aliquet felis metus, vel tempus purus tincidunt eget.

Lead Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et justo sed dui feugiat cursus. Phasellus pharetra dui lobortis odio efficitur suscipit. Aenean condimentum ullamcorper ullamcorper. Nunc a tempus neque. Pellentesque nec pharetra purus. Proin fermentum purus non tortor posuere, vel convallis dolor interdum. Suspendisse aliquet felis metus, vel tempus purus tincidunt eget.

Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et justo sed dui feugiat cursus. Phasellus pharetra dui lobortis odio efficitur suscipit. Aenean condimentum ullamcorper ullamcorper. Nunc a tempus neque. Pellentesque nec pharetra purus. Proin fermentum purus non tortor posuere, vel convallis dolor interdum. Suspendisse aliquet felis metus, vel tempus purus tincidunt eget.

Small Paragraph

Buttons

Primary

Watch Now

Secondary

Watch Now

Primary

The quick brown fox jumps.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et justo sed dui feugiat cursus. Phasellus pharetra dui lobortis odio efficitur suscipit.

Watch Now

The quick brown fox jumps.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et justo sed dui feugiat cursus. Phasellus pharetra dui lobortis odio efficitur suscipit.

Watch Now

Secondary

The quick brown fox jumps.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et justo sed dui feugiat cursus. Phasellus pharetra dui lobortis odio efficitur suscipit.

Watch Now

The quick brown fox jumps.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et justo sed dui feugiat cursus. Phasellus pharetra dui lobortis odio efficitur suscipit.

Watch Now

Notices

These are our basic notice styles. Make updates in the "framework/notice.scss" file.

Et adipisicing culpa deserunt nostrud ad veniam nulla. Est velit labore esse esse cupidatat. Et adipisicing culpa deserunt nostrud ad veniam nulla. Est velit labore esse esse cupidatat. Et adipisicing culpa deserunt nostrud ad veniam nulla. Est velit labore esse esse cupidatat.

Success

Et adipisicing culpa deserunt nostrud ad veniam nulla. Est velit labore esse esse cupidatat. Et adipisicing culpa deserunt nostrud ad veniam nulla. Est velit labore esse esse cupidatat.

Info

Et adipisicing culpa deserunt nostrud ad veniam nulla. Est velit labore esse esse cupidatat.

Warning

Et adipisicing culpa deserunt nostrud ad veniam nulla. Est velit labore esse esse cupidatat.

Error

Et adipisicing culpa deserunt nostrud ad veniam nulla. Est velit labore esse esse cupidatat.

Modals

These are our modal styles. Make updates in the "framework/modals.scss" file.

Responsive Embeds

We offer a utility style for responsive embeds. For this and other utility classes, checkout out the "framework/utilities.scss" file.

Favicons

These are our website favicons and app icons.


iPad 3 Retina (144x144)


iPhone 4 Retina (114x114)


iPad (72x72)


iPhone Apple Touch (57x57)


Favicon Retina (32x32)


Favicon (16x16)

This is a modal title

Nostrud ad veniam nulla aute est velit. Esse esse cupidatat amet velit id elit consequat minim ullamco mollit. Excepteur ea laboris adipisicing aliqua proident occaecat do.

This is a modal title

Nostrud ad veniam nulla aute est velit. Esse esse cupidatat amet velit id elit consequat minim ullamco mollit. Excepteur ea laboris adipisicing aliqua proident occaecat do.

This is a modal title

Nostrud ad veniam nulla aute est velit. Esse esse cupidatat amet velit id elit consequat minim ullamco mollit. Excepteur ea laboris adipisicing aliqua proident occaecat do.

This is a modal title

Nostrud ad veniam nulla aute est velit. Esse esse cupidatat amet velit id elit consequat minim ullamco mollit. Excepteur ea laboris adipisicing aliqua proident occaecat do.

This is a modal title

Nostrud ad veniam nulla aute est velit. Esse esse cupidatat amet velit id elit consequat minim ullamco mollit. Excepteur ea laboris adipisicing aliqua proident occaecat do.

This is a modal title

Nostrud ad veniam nulla aute est velit. Esse esse cupidatat amet velit id elit consequat minim ullamco mollit. Excepteur ea laboris adipisicing aliqua proident occaecat do.