Docs · 51 pages
Blocks
51 finished sections of a website, filed by what they are for: heroes, pricing, footers, 404 pages and more. Most are built round one of the objects.
On this page
Announcements
2 blocksBackgrounds
3 blocks- Fluted Glass HeroA full-bleed hero over a wall of ribbed glass with one warm lamp drifting slowly behind it.
- Aluminium Plate HeroA full-bleed hero on a large brushed aluminium plate.
- Morning Blinds HeroA full-bleed hero lit by morning light through window blinds: soft-edged bands across a plaster wall with a gentle penumbra, a window bar, a faint warm bounce off the floor, and shadows that shift slightly.
Bento grids
2 blocks- Instrument RackA bento grid of feature cells made as a rack of machined panels.
- Specimen CaseA bento of glass-topped compartments in a machined case, each holding one real Tactile object running small (the Odometer, the Flip-Dot, the Detent Dial, the Vessel) with an engraved label card under the glass.
Calls to action
2 blocksClients
2 blocks- Engraved Client Plates“Used in production by…”, as metal name plates.
- Nameplate WallA customers section made as the tenant directory in a lobby: cast aluminium or graphite plates, each as long as its name, with the name in engraved capitals and a small “Since 2021” line, fixed to a board behind a sheet of glass that one slow band of light crosses.
Comparisons
1 blockContact
2 blocks404 & errors
2 blocksFAQs
2 blocks- FAQ IndexAn FAQ as a card-index drawer.
- Answer DeskAn FAQ section made as a help desk: a search field in a recessed well with an LCD that counts the answers that match, topic keys with a lamp for the chosen one, the questions as numbered rows with your words marked, and the answer on a reading panel that asks whether it helped.
Features
5 blocksFooters
2 blocksGalleries
2 blocks- Light TableA portfolio gallery made as an edit table: slides in their mounts on opal glass lit from below, the chosen one lifted off it and shown whole in a viewer with its title, place, year and exposure, transport keys and a counter, series keys, and a switch for the table's light.
- Portfolio IrisA photographer’s index where every frame is a shutter.
Heroes
6 blocks- Impression HeroA studio’s hero on a full-bleed board of brass pins.
- Hi-Fi VolumeAn amplifier hero in walnut and brushed brass.
- Speaker LaunchA speaker launch where the product works on the page.
- Dark HeroA dark editorial hero over black ferrofluid.
- Camera LaunchA launch hero for a fast prime, where the lens is the Iris.
- Iron HeroA magnetics company’s opening, set like a physics monograph.
Integrations
1 blockNavigation menus
2 blocksLoading & progress
4 blocksPricing sections
2 blocksLong reads
2 blocks- Proof SheetA long-read layout set like a journal proof: the essay in one column with its notes in the margin, and a contents plate beside it whose lamps follow the section you are reading, an LCD of minutes left from where you are, and keys for the size of the type.
- Reading ProgressA long read with a test tube for a progress bar.