Pencil of Nature

The collection

Everything the studio has made, in one room.

Search it, filter it, or walk straight in.

See all 37 works

In the letters: Impossible Rooms, Outer Provinces, Tide Tables, Tarpaulin, Dumb Bell, Seven Weathers, Murmuration and Fornace Ottavia.Pencil of Nature, a creative studio.
A door standing on a salt flat at dusk, with night sky through its frame.Impossible RoomsFive surreal interiors and landscapes, each rendered for thousands of light paths per pixel.PN.26.001. Print series.
Brand book cover: a square perfume bottle by a rainy window with the Ondée lockup.Maison OndéeAn identity for a Paris perfumer that bottles one thing: rain, at five different weights.PN.26.002. Logo files, Brand book PDF.
The Moth-8, a cream pocket synthesizer with an amber scope and four knobs.Moth-8A product page where the product is real: a playable eight-voice synthesizer that runs in the browser.PN.26.003. Working instrument, Product page.
Four figures in sailcloth stand far apart on a mudflat.TarpaulinA fashion collection cut from sailcloth, shown on an empty tidal mudflat. Clothes for standing in weather.PN.26.004. Lookbook, Imagery.
A container ship shedding containers into a heavy sea.Tide TablesSix editorial illustrations printed on a risograph press that exists only as code.PN.26.005. Illustration series, Print process code.
Storyboard: one old woman at a lit desk in an empty newsroom.The ProofreaderA short film from script to animatic. On a newspaper's last night, the machine has made no errors, so the last proofreader adds one.PN.26.006. Screenplay PDF, Storyboards.
A dense dark flock folding across a dusk sky.MurmurationA flock of 160,000 birds at dusk, simulated on your graphics card. You are the falcon.PN.26.007. Interactive simulation.
Guidelines cover: forty batch curves drawn over each other.NullohmAn identity for a superconductor maker, where every cable batch stamps its own logo from its batch code.PN.26.008. Logo files, Brand book PDF.
A tall white amphora with a long shadow.Fornace OttaviaA luxury storefront for a Faenza kiln that fires eight times a year and closes when the shelf is empty.PN.26.009. Working website, Product imagery.
A phone-style list of voicemail transcripts from Dad.Transcription BetaA short story told through a phone's failing voicemail transcripts. It asks you, at the end, whether to correct them.PN.26.010. Short story, Interactive fiction.
A low concrete and larch house on a headland at blue hour, with one glowing window.House for a Retired KeeperA house for someone who spent a working life in a lighthouse, sunk into a headland, with one eight-metre window and a stair that still climbs to a lamp room.PN.26.011. Visualisations, Measured drawings.
A red twin-bell alarm clock on a matching red background.Dumb BellA full campaign for an alarm clock that does one thing. The line is Sleep with something dumber.PN.26.012. Campaign site, Imagery.
A colossal cable rising from a white salt desert.Outer ProvincesA gazetteer of the far edges of a settled future: a salt elevator, farms on aqueducts, a monastery in a melting iceberg.PN.26.013. Concept art, Short fiction.
A freestanding door on a salt flat at dusk, with night visible through it.Slow LightA real path tracer running in your browser. The picture starts as noise and keeps getting truer for as long as you stay.PN.26.014. Interactive renderer.
The Stillwatch hero, Sleep through it, at the start of the night.StillwatchA SaaS landing page you scroll through like one on-call night, from 23:00 to a sunrise that flips the page from dark to light.PN.26.015. Working website.
The Tidewrack front page with its blue masthead and a two-ink illustration of a listing ship.TidewrackA quarterly about what washes up, with a long read on the Lego that fell into the Atlantic in 1997 and is still coming ashore.PN.26.016. Working website, Long-form essay.
A dive watch with a sea-green dial rendered in real time.Halden TideA dive watch modelled entirely in code that you can turn, reconfigure and take apart. It is telling the real time.PN.26.017. Interactive 3D viewer.
Receding misty ridges under a pale sun.Seven WeathersSeven algorithms, one climate. Drizzle is falling strokes, Anticyclone is contour lines, Hard Frost is one rule about sixty degrees.PN.26.018. Print series, Interactive viewer.
Sleeve: nested teardrops of a pilot flame.Tape Hiss for Slow MorningsA five-track EP, about fourteen minutes long, composed and synthesised from nothing but code, with no samples.PN.26.019. Audio tracks, Sleeve artwork.
A fanned crate of record sleeves beside a turntable on a mustard ground.DeadwaxA music player where you flip through a crate of sleeves and drag a real tonearm to seek. It plays the studio's own EP.PN.26.020. Interactive prototype, Sleeve artwork.
A page of large serif sentences about a monthly budget, with amounts in red.PlainsongA personal finance app with almost no charts. Your money is told in sentences, and any number in red can be dragged to ask what if.PN.26.021. Interactive prototype.
A soft peach shape reading Breathe in on a dark phone screen.LungfulA breath training app built around one soft shape and one colour per phase, with a real timer, sound and history.PN.26.022. Interactive prototype.
A stage manager style desk with a script page and amber and green cue lights.UnderstudyAn assistant designed like a stage manager's desk. It prepares every action and stands by, and nothing happens until you call Go.PN.26.023. Interactive prototype.
The word Shutter set very large in heavy letters cut by thin slits.ShutterA real, installable typeface drawn entirely in code. Fat blocks with counters no wider than a blade, ending in a pinhole.PN.26.024. Font files, Specimen.
A dashboard with headline numbers, a line chart by region and a retention heatmap.QuarterdeckA board-level dashboard for a coffee roaster, with computed callouts that find what changed, so the numbers explain themselves.PN.26.025. Interactive dashboard.
A bar chart of department admission rates beside explanatory text.The Paradox in the Admissions OfficeA scrolled data story using the real 1973 Berkeley admissions figures, where every part of the picture leans one way and the whole leans the other.PN.26.026. Interactive article.
The title The Descent over sunlit turquoise water with small fish.The DescentScroll from the sunlit surface to the floor of the Challenger Deep, eleven kilometres down, with a live depth and pressure gauge.PN.26.027. Interactive article.
A trained network whose decision boundary curls around a spiral dataset.How a Network LearnsA real neural network that trains in your browser, with no library, plus an explanation, a quiz and a learning roadmap.PN.26.028. Interactive lesson, Quiz.
A dark workbench with a pipeline of steps beside a results table.SieveA working data transformer that runs entirely in your browser, with a small safe expression language and proper technical documentation.PN.26.029. Working application, Technical documentation.
Deck title slide on tiled green.Second ShiftA complete startup pack for a marketplace that rents out restaurant kitchens during the hours they stand empty.PN.26.030. Pitch deck PDF, Strategy documents.
Seven poems for the hours from one to seven, each in a different strict form, from a villanelle for the night bus to a sun that rises up the page.Small HoursSeven poems for the hours from one to seven, each in a different strict form, from a villanelle for the night bus to a sun that rises up the page.PN.26.031. Poem cycle.
One brief, one nineteen-pence pen, eight completely different voices.The Copy RoomOne brief, one nineteen-pence pen, eight completely different voices.PN.26.032. Copy collection.
A gallery wall of twelve looping loading animations with labels.A Museum of WaitingTwelve loading animations, displayed with museum labels and the seriousness they have always deserved.PN.26.033. Animation collection.
Four coloured panels, each with an animated logo.Four Marks Waking UpFour logos from the library, each given one way of coming to life that could only belong to it.PN.26.034. Logo animations.
The word STRETCH pulled tall on a yellow field.Loud WordsA title sequence where words behave like their meanings. Heavy lands hard. Shy hides. Loud gets out of hand.PN.26.035. Animation.
A green soundboard listing absurd machine sounds with waveforms.Foley for Imaginary MachinesEighteen sounds for things that do not exist, including a lift arriving at a floor that is not there.PN.26.036. Sound effects pack, Interactive soundboard.
A three-legged ash stool with wedged through-tenons.Objects for a Small FlatFour things for two rooms: a stool, a desk that folds into a wall, a balanced lamp, and a pebble that tells you the weather.PN.26.037. Product imagery, Technical drawing.