Styleguide

Typography

abcdefghijklmnopqrstuvwxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZ

0123456789!?&$#

Montserrat Light

abcdefghijklmnopqrstuvwxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZ

0123456789!?&$#

Montserrat Regular

abcdefghijklmnopqrstuvwxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZ

0123456789!?&$#

Montserrat Semibold

abcdefghijklmnopqrstuvwxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZ

0123456789!?&$#

Montserrat Bold

Heading Styles

Lighting Up Lives, Powering a Better Way Forward

H1 Heading / Montserrat Bold / Mobile: 40px / 46px / -0.3px / Desktop: 56px / 60px / -0.3px

Lighting Up Lives, Powering a Better Way Forward

H2 Heading / Montserrat Bold / Mobile: 32px / 40px / -0.3px / Desktop: 40px / 46px / -0.3px

Lighting Up Lives, Powering a Better Way Forward

H3 Heading / Montserrat Bold / Mobile: 24px / 34px / -0.5px / Desktop: 32px / 40px / -0.3px

Lighting Up Lives, Powering a Better Way Forward

H4 Heading / Montserrat Bold / Mobile: 20px / 30px / -0.1px / Desktop: 24px / 34px / -0.5px

Lighting Up Lives, Powering a Better Way Forward

H5 Heading / Montserrat Bold / Mobile: 18px / 26px / 0px / Desktop: 20px / 30px / -0.1px

Lighting Up Lives, Powering a Better Way Forward

H6 Heading / Montserrat Bold / Mobile: 16px / 22px / 0px / Desktop: 18px / 26px / 0px

Buttons

Component

Button Elements

Anchor Elements

Primary Default Primary Default Disabled Primary Default Disabled Loader

Primary Small Primary Small Disabled Primary Small Disabled Loader

Secondary Default Secondary Default Disabled Secondary Default Disabled Loader

Secondary Small Secondary Small Disabled Secondary Small Disabled Loader

Minimal Default Minimal Default Disabled Minimal Default Disabled Loader

Minimal Small Minimal Small Disabled Minimal Small Disabled Loader

WYSIWYG

Button Elements

Anchor Elements

Primary Large Primary Large Disabled

Primary Small Primary Small Disabled

Secondary Large Secondary Large Disabled

Secondary Small Secondary Small Disabled

Minimal Large Minimal Large Disabled

Minimal Small Minimal Small Disabled

Links

Default text link

Large text link

Small text link

Tiny text link

Default WYSIWYG text link

Vistra is a leading Fortune 500 integrated retail electricity and power generation company that provides essential power resources to customers, businesses, and communities from California to Maine.

Colors

Brand

bg-vistra-blue

bg-vistra-green

Secondary

bg-azure-skyway

bg-dark-vistra-green

Tertiary

bg-jet-stream

bg-pale-cornflower

bg-watercourse

bg-gamboge

bg-tango

bg-teal

Neutral

bg-rich-black

bg-cool-gray

bg-light-gray

bg-white

Messaging

bg-error

bg-warning

bg-success

Icons

(214) 812-0046

Test Input *

Test Email *

Test Phone *

Test Text Area *

Test Select *

Test Radio * Small Medium Large

Test Checkbox * Test Checkbox

Test Checkbox Group * Sports Music Art Technology Travel

Resources

Preheading

Resources

Browse insights and market analysis from our energy experts.

Preheading

Resources

Browse insights and market analysis from our energy experts.

Resources

Preheading

Resources

Browse insights and market analysis from our energy experts.

Preheading

Resources

Browse insights and market analysis from our energy experts.