FORM FIELD
An archive of how furniture is made. Not a shop and not a studio — a record of construction, drawn to scale, taken apart and labelled.
- Entries
- 000
- Joints indexed
- 000
- Drawings
- 0000
A chair is an argument about load. Everything visible about it — the profile, the timber, the cloth — is downstream of a decision made at the joint, in the dark, where nobody looks.
VECTOR
SVG geometry drawn along its own path length, then translated part by part. No raster, no video — every line you are about to watch is resolution-independent and weighs nothing.
Refectory table · specimen FF‑218
SVG / anime.jsCSS 3D
Real depth in the browser's own compositor. Six planes in a shared 3D space, rotated and separated on the Z axis — no library drawing pixels, only transforms the GPU already knows how to do.
Two-seat settee · section through arm
CSS 3D / anime.js- 01 Frame · beech, kiln-dried
- 02 Webbing · elasticated jute
- 03 Serpentine spring · 3.4 mm
- 04 Foam · 35 kg/m³ profiled
- 05 Wadding · 400 gsm polyester
- 06 Cover · Belgian linen 14 oz
WEBGL
Geometry built from primitives at runtime and drawn by three.js — but timed, eased and scrubbed by anime.js. One motion system driving the DOM and the GPU from the same clock.
Work table · specimen FF‑331, in the round
three.js / anime.jsThe full index runs to 418 entries across nine sheets. Each entry carries an elevation, a plan, one section and a joint detail at 1:1.
Set in Instrument Serif and Archivo. Drawn in millimetres. Printed nowhere.
FORM & FIELD keeps no stock, sells nothing, and answers no enquiries about price. It exists to record how a thing was put together, so that it can be put together again.
Full disclosure
FORM & FIELD is not a real company.
There is no archive, no specimen FF‑218, no settee. Everything you just scrolled through — the identity, the drawings, the catalogue, the motion — was built by Helium Digital as a demonstration.
You watched three different rendering techniques in one page. A vector construction drawing that draws itself. A six-layer cutaway in real CSS 3D. A WebGL object with anime.js on the other end of every transform. One motion system, one scrollbar, one brand.
Most agencies pick one of those and call it a website. We will build all three into yours — and make them mean something about your product rather than about our showreel.
Helium Digital — Your Business, Elevated.