Aetherfield

Item: Aetherfield
Rating: 7

Framer template for climate-tech and ESG reporting platforms

A Framer Marketplace template by Injamul Haque Somrat. Its words and photos are demo content.

Live preview Get this template Save page

7.0/10MABTU rating

DESKTOP · 1440 × 6,317/ ↗

MOBILE · 390

Section outline · Home

01heroSky gradient, two mono CTAs, dashboard mock1,508
02featuresImage left, numbered four-step list right762
03valuesTextured panel, three white cards648
04case studyDuotone photo card with rotating badge470
05blogList with tilted thumbnails1,098
06testimonialBlue cut-out portrait and large quote869
07ctaCentred with mono button374
08footerYellow texture, giant wordmark588

Rating · Home

Visual design7.4

UX & clarity6.9

Originality7.5

Craft & consistency7.0

Motion5.5

Performance & a11y9.0

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

Main colours

Light·white background·vivid

Typography

Source Serif Proheading · serif · self-hosted Source Serif Probody · serif · self-hosted Radio Canada Bigaccent · font · google

Stack & style

Framer Lenis React Google Fonts

Minimal Bold typography Editorial Gradient-heavy Grain / texture Product-UI-led Custom cursor Process steps Smooth scroll

Design DNA

Template: hero sky gradient from pale blue #BFDDF7 to butter #FFF4C9, white and pale-blue bands below, black mono-type buttons and an acid yellow #FFF23A footer. Headings in a tight grotesk, body and descriptions in a book serif, labels in monospace. A product dashboard of thin black bar charts sits under the hero. A numbered Track/Model/Report/Act list beside a dried-grass still, a textured cream panel of three value cards, a case-study card with a blue duotone photo and rotating circular badge, a journal list with tilted thumbnails, a blue cut-out portrait testimonial, and a footer with a giant olive wordmark under a yellow fabric texture.

Worth borrowing

Mix a grotesk heading, a book-serif body and monospace buttons to make a data product feel editorial.
Treat people photos as blue duotone cut-outs with a white keyline.
End on a flat acid-yellow footer with a giant wordmark and fabric texture.