Inside the Basepowercompany website design
Basepowercompany is built with custom code and Astro. Its pages are built from hero, pricing, testimonial card, footer, features, feature card, testimonials, process, CTA, and FAQ sections, shown here in full-page captures and a scroll recording. Typography: PP Neue Montreal. Palette: #FFE0E0, #E0C0A0, #A08060.
Base brings affordable, reliable energy and whole-home backup to homes across Texas. Fixed low rates, and battery backup that kicks in automatically. Its visual style is minimal, corporate, and photographic, with navigation bar, hero with background imagery, and logo strip among its components.
Why we picked it
Warm lifestyle photos of families and real homes, not product renders, make a power company feel like a neighbour, while a green accent and hand-drawn sticky-note labels keep the mood friendly. Repeating photo-plus-feature blocks with short bold checklists let visitors scan battery benefits quickly without reading dense text.
What to look for
- Hero: a specific headline instead of a generic slogan
- Pricing: two to four plans with a highlighted recommendation
- Footer: grouped navigation with clear column headings
- Features: benefits framed around what the user gets, not internal capability names
Sections from Basepowercompany
Questions designers ask
What fonts does Basepowercompany use?
Basepowercompany uses PP Neue Montreal, read from the fonts loaded on the captured page.
What is the Basepowercompany website built with?
The Basepowercompany website is built with custom code and Astro, detected when the page was captured.
What colours does the Basepowercompany website use?
The captured palette includes #FFE0E0, #E0C0A0, and #A08060.
What sections does the Basepowercompany website have?
The Basepowercompany website includes hero, pricing, testimonial card, footer, features, feature card, testimonials, process, CTA, and FAQ sections. Each one opens on its own page, so you can compare it with the same section on other websites.
Can I use Basepowercompany's design for my own project?
Use it as a reference for structure, hierarchy, and style rather than something to copy. The DESIGN.md download summarises Basepowercompany's typography, colours, and components for your team or an AI tool.
