Cactus Website Style guide

Last updated Mar 11, 2025

Typography

Heading Classes
Heading classes when typography style doesn't match the default HTML tag.

Cactus Heading 1 bio sans

Heading-style-h1

Cactus Heading 2 bio sans

Heading-style-h2

Cactus Heading 3 bio sans

Heading-style-h3

Cactus Heading 4 bio sans

Heading-style-h4

cactus heading 2 puffins

Heading-style-h2

cactus heading 3 puffins

Heading-style-h3

Cactus heading 4 puffins

Heading-style-h4

cactus heading 5 puffins

Heading-style-h5

Cactus heading 6 puffins

Heading-style-h6

Other HTML Tags
HTML tags define default text styles.

All Paragraphs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

All Links

Text Sizes
Text sizes classes when typography size doesn't match the default HTML tag.

cactus body large

cactus body medium

cactus body

cactus body small

cactus body tiny

Text Weights
Text weight classes when typography weight doesn't match the default HTML tag.

800

text-weight-xbold (800)

700

text-weight-bold (700)

600

text-weight-semibold (600)

500

text-weight-medium (500)

400

text-weight-normal (400)

300

text-weight-light (300)

Text Styles
Text style classes when typography style doesn't match the default HTML tag.

italic

text-style-italic

strike

text-style-strikethrough

allcaps

text-style-allcaps

nowrap

text-style-nowrap

underline

text-style-link

muted

text-style-muted

Text Alignment
Text alignment classes when typography alignment doesn't match the default HTML tag.

text-align-left

text-align-center

text-align-right

Colors

Background Color
Manage recurring background colors.

background-color-black

background-color-white

background-color-primary

background-color-secondary

background-color-tertiary

Text Color
Manage recurring text colors.

white

black

yellow

green

gold

Effects

Box Shadows
‍Shadows allow you to add depth and realism to designs by positioning elements on a z-axis.

shadow-xxsmall

shadow-xsmall

shadow-small

shadow-medium

shadow-large

shadow-xlarge

shadow-xxlarge

Sections

Section Styles
‍Copy & Paste these sections when needed.

Oasis

Financing for HVAC systems.

At Cactus Cooling and heating, we offer flexible financing to make your new HVAC system or repair affordable. Enjoy quick approval, low monthly payments, and energy-saving comfort without straining your budget. Contact us today to learn more and get started.

Get Financing

Financing

Get a HVAC system starting at $80/mo.

Cactus cooling and heating provides the best HVAC maintenance services for homeowners in Dallas, TX. Starting at $19, we prolong your HVAC system's lifespan up to 15 years.

Schedule Online

Maintenance Plans

Yearly HVAC tune-ups with Oasis Plan.

See Pricing

Cactus Cooling Heating Mascot website_1@3x

Our Rebrand

New name. Same promise.

From Hernandez to Cactus—we’ve embraced the resilient spirit of the desert. Our new name reflects a fresh look, but our promise remains the same: dependable, prompt 5-star HVAC service that keeps you comfortable year-round.

Get Financing