On this page
The idea
This site keeps completed projects and technical notes in one searchable archive. The homepage is selective; the archive is the fuller index. The editorial standards are listed under working principles.
The visual language brings the garden, workshop and observatory into a graphic studio: oversized type, ultramarine, coral and celadon, with a single dusk-blue appearance and quiet surfaces for reading. Project catalogues and notebook entries keep the work easy to find. Imagined botanical creatures carry the garden beyond its painted frame.
The “if¿” lettering borrows its cobalt glass and warm edge from the moth’s sphere. My split portrait pairs a photographic half with the moth’s botanical paper, brass and cobalt. The moth moves on its own and snails crawl through the pages. Reduced-motion settings keep the creatures still.
Type
Large headings pair Inter with italic Lora. Body copy uses Inter, with Lora for selected passages and IBM Plex Mono for small references. All three are served locally through Fontsource packages, so reading the site does not require a request to an external font service.
Construction
The site is built with Astro, with MDX for longer entries and a small Preact island for archive filtering. Tailwind’s typography plugin provides the article foundation; the rest of the visual system is written in the site’s own CSS.
The source is formatted and checked with Biome and Prettier. The build also verifies internal paths so old article URLs and the RSS feed remain useful as the structure changes.
Images
The original garden draws on early Netherlandish painting and Renaissance notebooks. Its editions and context are preserved in the garden diary.
The article images include project photographs, diagrams, and illustrative assets. Project assets are copied here at web-sized resolutions; their project repositories remain the source of truth.
Publishing
The production build is deployed through Cloudflare Workers. The site keeps JavaScript optional wherever it can: articles, project pages, navigation, RSS, and the archive itself remain readable without client-side code.
Influences
The structure draws from Maggie Appleton, Arun Venkatesan, and Derek Sivers.
Their influence appears in the legible entry states, direct personal context, and durable paths between related work.
Dates and editorial scope
Publication dates say when an entry joined the archive. Work dates, where shown, describe when the project happened. Work in progress stays on its development branch until it is ready to join the public collection. Now keeps dated updates with permanent links.
Analytics
With your permission, this site uses PostHog EU to measure page visits, referral sources, campaign tags and selected link clicks. Analytics starts only after you choose “Allow analytics”. Declining leaves analytics off. Change or withdraw your choice using “Analytics preferences” at the bottom of any page.
PostHog stores a random browser identifier in local storage after consent; the site stores your preference locally so you do not have to choose on every visit. No names, email addresses, form contents or session recordings are collected. IP-address storage is disabled. Page and destination URLs are sent without query strings or fragments; explicit UTM campaign tags are retained for attribution. Email clicks measure contact intent, not messages sent.
Analytics data is processed in the existing EU PostHog project. For questions or requests about this site’s analytics, email Giuseppe. See PostHog’s privacy information. External project media and embeds may contact their own providers when loaded.