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
All Links
Text Sizes
Text sizes classes when typography size doesn't match the default HTML tag.
cactus body large

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.

cactus body medium

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.

cactus body

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.

cactus body small

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.

cactus body tiny

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.

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-left
text-align-center
text-align-center
text-align-right
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
white
black
black
yellow
yellow
green
green
gold
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.
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.
Cactus Cooling Heating Logo With Sunflare
Maintenance Plans

Yearly HVAC tune-ups with Oasis Plan.

Cactus Cooling & Heating Yellow Logo
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.