Quantrex

Item: Quantrex
Rating: 7

Framer template for renewable-energy and cleantech companies

A Framer Marketplace template by José Casal - Senior Freelance Designer. Its words and photos are demo content.

Live preview Get this template Save page

7.0/10MABTU rating

DESKTOP · 1440 × 15,125/ ↗

MOBILE · 390

Section outline · Home

01heroTurbine photo, mono chip, CTA
02aboutGreen block, paragraph, photo, quote688
03statsFour white stat tiles791
04featureDark photo band with pixel squares581
05servicesStaggered photo columns per technology360
06valuesGreen block with three tiles830
07testimonialsPortrait and quote1,058
08case studySpec tiles and landscape782
09locationsMap with flag labels407
10contactForm662
11footerGreen footer688

Rating · Home

Visual design7.2

UX & clarity7.0

Originality6.9

Craft & consistency7.1

Motion6.5

Performance & a11y7.0

This page scores 7.0; the site score weights the home page double.

Main colours

Light·light grey background·vivid

Typography

Geistheading · sans · google Geistbody · sans · google

Stack & style

Framer React Google Fonts

Corporate / clean Photography-led Sharp / geometric Map Marquee Smooth scroll Stats band Testimonial slider

Design DNA

Template: pale grey canvas (#EEF0F2) with a turbine photo hero, bold compact sans headline and small uppercase mono labels on green chips. Saturated green (#2EE56E) is used as full section blocks (about, sustainability, footer) with square-cornered cards, and a pixel-staircase of green squares recurs at section corners. Stats sit in white square tiles. Technologies (offshore wind, hydro, geothermal, e-mobility) alternate in staggered photo columns with big project counts. A geothermal project card with spec column, flag-labelled continents row, contact form and a green footer.

Worth borrowing

Pixel-staircase of brand-colour squares as a recurring corner ornament.
Staggered photo columns per technology with a large project count under each image.
Project spotlight card: stacked spec tiles on the left, full-bleed landscape on the right.