How this site is made: the constraints behind geopera.com
Design
Nothing on this site is accidental. These are the rules it is built under. We publish them so the site can be held to them, and so you can tell when we break one.
01
Three surfaces, and that is all
The page is cream. Panels step up one shade. One deliberate dark band per page carries the same value as the ink. White is held back for a single framed object, and there are no cool greys anywhere on the site.
- #fffaec Page
- #f0eee6 Panel
- #141413 Band and ink
02
One serif, one weight, for display
Every display heading is Tiempos at regular weight, in sentence case. Nothing is set bold to make it feel important. A heading that needs more presence gets more size, never more weight.
03
The accent budget is counted in elements
Emerald appears on at most ten elements per page, and we count them. There is no second accent hue. Colour marks the thing worth acting on, so spending it everywhere spends it on nothing.
04
One button shape
Primary is filled emerald. Secondary is the same rectangle in a two pixel ink outline. One radius, one text size, and the same button never appears in two shapes on this site. No pills.
05
Hairlines instead of shadows
Depth comes from a one pixel warm rule and a step in surface colour. At most one shadow specification exists per page, and it is the lightest one available to us. Edges do the work that elevation usually does.
06
Every satellite image is captioned, or labelled as artwork
A real capture carries its place, its date, its resolution, and its sensor, in that order. Anything generated or illustrative says so, and never borrows a real place name, date, or sensor specification. An unlabelled image is decoration, and decoration gets skipped.
07
No superlatives, and every claim dated or numbered
You will not find best, leading, cutting-edge, or industry-leading in our copy. A claim that cannot be dated, numbered, or checked gets cut rather than softened. Where we state an accuracy, we state the conditions it was measured under.
08
One signature animation per page, and motion you can switch off
At most one interaction on a page is worth animating. Everything else holds still. Every animation we ship honours prefers-reduced-motion, and this page has none at all.
Last reviewed: August 2026.
The same discipline runs underneath what we publish and what we sell. The science we can validate, and the parts of the company you can check, are both written down.