Energy Rey.
A dark-luxury marketing site for a premium Austin solar, EV charging, and roofing contractor. Designed from a brand system, with a cinematic video hero and an editorial layout built to stand out from every other contractor site.
Energy Rey is a premium, family-run electrical contractor serving Austin and Central Texas, fully licensed (TECL #39120) and insured. They install residential solar, EV chargers, and roofing, and handle solar detach-and-reset for roof work. The name sets the tone: Rey means King.
This is a marketing site built from their brand design system. It is dark-luxury by design, Imperial Black with metallic gold and a single red spark, Sora display over Inter body. Hand-rolled static HTML, CSS, and JS, no build step, deployed on Vercel.
The brief was to stand out, not blend in. So the services aren't the usual card grid, they're an editorial numbered index with oversized gold numerals, paired with a cinematic looping video hero and a scrollable Google reviews carousel that pulls their real 5.0 rating from 47 reviews. Every photo is a real Energy Rey install.
-
A dark-luxury brand system Gold-on-black tokens, metallic foil, Sora and Inter, and a crowned-house logo, so every section reads as one premium product rather than a stitched-together template.
-
A signature layout, not a template Services are presented as an editorial numbered index with oversized gold numerals instead of the default icon-card grid, so the site doesn't look like every other contractor's.
-
Cinematic and photo-led A looping gold-hour video hero, real drone-shot install galleries with a lightbox, and split-image service pages, all from the company's own work.
-
Real proof A scrollable Google reviews carousel with their verified 5.0 rating across 47 reviews, a Tesla, Enphase, and BBB certified strip, and the real Austin address in structured data.
-
Fast, accessible, SEO-ready, mobile-first Optimised WebP imagery, lazy-loading, keyboard focus and reduced-motion support, LocalBusiness structured data, a sitemap, an on-brand 404, a dropdown nav, and a clean 375px sweep.
Services. An editorial numbered index, not a card grid.
Reviews. Real, scrollable, straight from their Google profile.
Mobile hero. Drawer nav, tap-to-call.
Mobile services. The index, single-column.
Service page. Split hero plus a numbered capability list.