TerraScan

CONCEPT / 2026

TerraScan homepage on desktop and mobile: the headline “We measure what matters beneath the surface.” beside a globe drawn from copper points, on a warm grey background.
TerraScan homepage on desktop and mobile: the headline “We measure what matters beneath the surface.” beside a globe drawn from copper points, on a warm grey background.

SCOPE

web design

framer development

motion design

branding

SCOPE

web design

framer development

motion design

branding

INDUSTRIES

climate tech

HIGHLIGHT

topographic visual system without a single stock photo

LIVE

view live

→

01

/ 04

TerraScan homepage on desktop and mobile: the headline “We measure what matters beneath the surface.” beside a globe drawn from copper points, on a warm grey background.

ABOUT

TerraScan is a concept for a soil measurement company that sells one product: verified data. The buyers are carbon markets and investors who trade soil credits with no ground truth underneath them. Self-set brief, three weeks, designed and built in Framer. Every figure on the live site is invented for the concept.

ABOUT

TerraScan is a concept for a soil measurement company that sells one product: verified data. The buyers are carbon markets and investors who trade soil credits with no ground truth underneath them. Self-set brief, three weeks, designed and built in Framer. Every figure on the live site is invented for the concept.

CHALLENGES

Color nearly sank it. The first version put the accent orange on the footer, the topographic lines and the wordmark. A company selling ground truth to carbon markets cannot look like a pitch deck. I pulled it back to muted browns and kept orange on three things only: the numbers, the key labels, the hover state.

That left type to carry the site alone, so Commit Mono runs across all of it. A measurement company should read as measured before you process a single word. The hero took more than five versions to get there, because the numbers kept fighting the statement instead of proving it.

CHALLENGES

Color nearly sank it. The first version put the accent orange on the footer, the topographic lines and the wordmark. A company selling ground truth to carbon markets cannot look like a pitch deck. I pulled it back to muted browns and kept orange on three things only: the numbers, the key labels, the hover state.

That left type to carry the site alone, so Commit Mono runs across all of it. A measurement company should read as measured before you process a single word. The hero took more than five versions to get there, because the numbers kept fighting the statement instead of proving it.

Three long strips of the TerraScan homepage side by side on a warm grey background: the hero and soil data chart, the five measurement layers, and the science section with the footer wordmark.

homepage, full scroll

Close-up of a TerraScan data card reading $400B, annual cost of soil degradation globally, over thin topographic contour lines with an orange measurement ruler.

data callout on the contour map

Five TerraScan line illustrations in bracketed frames, numbered 01 to 05: satellite orbit, drone flight path, ground sensor network, soil sample layers and predictive model.

measurement layer illustrations

TerraScan soil data section on a warm grey background: a line chart of soil health degradation from 1980 to 2024 with orange data points, beside a text panel on the scale of degradation.

soil data section

Commit Mono specimen for TerraScan: a large Aa, the alphabet, regular and bold weights, the line “We measure what matters beneath the surface.” and the numbers 33%, $400B and 2.4M+ in orange.

Commit Mono, the only typeface

TerraScan palette as stacked bands sized by use: soil #1A1410 background, surface #2A241F cards, clay #3D2817 lines, chalk #F5F5F0 text, and a thin band of ember #E67E50 for numbers, labels and hover.

palette, orange on three things only

Four TerraScan mobile screens in phone frames on a warm grey background: the hero with the globe, data cards on the contour map, the measurement layers, and the footer wordmark.

mobile views

Three long strips of the TerraScan homepage side by side on a warm grey background: the hero and soil data chart, the five measurement layers, and the science section with the footer wordmark.

homepage, full scroll

Close-up of a TerraScan data card reading $400B, annual cost of soil degradation globally, over thin topographic contour lines with an orange measurement ruler.

data callout on the contour map

Five TerraScan line illustrations in bracketed frames, numbered 01 to 05: satellite orbit, drone flight path, ground sensor network, soil sample layers and predictive model.

measurement layer illustrations

TerraScan soil data section on a warm grey background: a line chart of soil health degradation from 1980 to 2024 with orange data points, beside a text panel on the scale of degradation.

soil data section

Commit Mono specimen for TerraScan: a large Aa, the alphabet, regular and bold weights, the line “We measure what matters beneath the surface.” and the numbers 33%, $400B and 2.4M+ in orange.

Commit Mono, the only typeface

TerraScan palette as stacked bands sized by use: soil #1A1410 background, surface #2A241F cards, clay #3D2817 lines, chalk #F5F5F0 text, and a thin band of ember #E67E50 for numbers, labels and hover.

palette, orange on three things only

Four TerraScan mobile screens in phone frames on a warm grey background: the hero with the globe, data cards on the contour map, the measurement layers, and the footer wordmark.

mobile views