Pacific Breeze HVAC

Living Reference

Brand Guide

The source of truth for every visual decision on this site. All tokens are defined in global.css via Tailwind v4 @theme.

Palette

Colors

Primary (Blue)

#0077b3

Primary CTAs, links, trust band

Secondary (Deep Blue)

#005a87

Headings, depth, dark accents

Accent (Red)

#bf2026

Urgency, emergency, badges

Ink (Near-Black)

#14181d

Bold dark surfaces, hero

Neutral (Steel Navy)

#1b2630

Footer, dark sections

Muted on Dark

#9aa3ab

Dimmed body text on dark surfaces (AA on ink)

Accent on Dark

#f15c61

Lighter red for red text on navy/dark (AA); accent bg stays #bf2026

Base 200

#f4f6f8

Subtle surfaces, cards

Text on dark surfaces

White body text — text-white/80

Muted on dark — text-muted-on-dark · dimmer, still AA-legible on ink

Type System

Typography

Display — Bebas Neue (.display)

Bold Craftsmanship

The quick brown fox

Body — Archivo (font-body)

The quick brown fox jumps over the lazy dog. We show up, we do the work, and we do it right.

Smaller body copy at 0.875rem with generous line-height for readability.

Heading Scale

H1 · 6xl Display

H2 · 5xl Display

H3 · 3xl Display

Body strong · base

Interactive

Buttons

Square (rounded-none) buttons are the bold-direction default. Every button has hover, focus-visible, and active states.

Manufacturers

Brand Logos

Rendered on white chips so they read on any background. <BrandLogos />

Brands We Install

American Standard Daikin Fujitsu Midea Ameristar

Brands We Install

American Standard Daikin Fujitsu Midea Ameristar

Building Blocks

Primitives

Accent Tag · <AccentTag>

Why Pacific Breeze

Content Placeholder · <ContentPlaceholder>

Content Coming

Example placeholder block.

FAQ Item · <FaqItem>

How quickly can you respond to a service call? +

We respond to calls and texts right away, and to form submissions within two hours during business hours (Mon–Sat, 8am–5pm). Same-day appointments are available.

Service Card · <ServiceCard>

American Standard heat pump installed by Pacific Breeze HVAC

Heating Contractor

Furnaces, heat pumps, mini-splits, air handlers, gas lines, water heaters, rooftop package units, and custom ductwork — installed and serviced right.

Learn More→

Reusable Blocks

Page Blocks

Larger building blocks shared across the About and Service pages. Built once, reused everywhere.

Team Member · <TeamMember>

Axel, owner of Pacific Breeze HVAC, outside an Albany home

Axel

Owner

Trained in Mechatronics and HVAC at Linn-Benton CC, and a former Intel Manufacturing Technician.

Process Steps · <ProcessSteps>

  1. Reach out

    Call, text, or fill out the form. We respond within two hours during business hours.

  2. We come out

    We schedule a time that works and show up when we say we will.

  3. You decide

    We give you a written estimate, good for 30 days. No pressure.

Service List · <ServiceList>

  • Furnace Installation

    New construction or full replacement, sized and installed to last.

  • Heat Pump Replacement

    We walk you through your options before we touch anything.

Page Sections

Components

Home-page sections are composable components in src/components/sections/ (HeroForm, TrustBar, ServicesGrid, CommercialBlock, WhyUs, Reviews, ServiceArea, Faq, EmergencyBand, FinalCta). The request form below is the shared <QuickForm>.

QuickForm · light

QuickForm · dark