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 set="both | all | residential | commercial" tone="light | dark" />

set="both" is the default treatment on the trust bar, service pages, and About — two labelled rows. The single-set variants are for contexts already scoped to one segment.

Residential Brands We Install

Midea American Standard Ameristar RunTru by Trane Daikin Fujitsu Mitsubishi Electric

Commercial Brands We Install

Trane American Standard Mitsubishi Electric

Residential Brands We Install

Midea American Standard Ameristar RunTru by Trane Daikin Fujitsu Mitsubishi Electric

Commercial Brands We Install

Trane American Standard Mitsubishi Electric

Combined — set="all"

Trane American Standard Mitsubishi Electric Daikin Fujitsu Midea Ameristar RunTru by Trane

Commercial only — set="commercial" (commercial block)

Trane American Standard Mitsubishi Electric

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