alanlong.design/system
This site is designed and built for two audiences: people and agents. It was created by Alan and Claude as part of ongoing work on Tenon.
Generated for the audience
/for/ variants tailor each page to a specific viewer. Tenon generates structured content within a fixed design vocabulary, composed by an agent, tailored to the audience.
Audience and Alan connection
The colour palette is modelled on natural light, driven by time of day. Everyone on Earth shares the same sky, it connects us all. The site reflects the world around us, whether that's your sunset or my sunrise.
Simple system, sophisticated output
One input (time) produces every colour. One number (body line-height) produces every space. Values are relationships and roles, not hard numbers. Spacing is assigned by role; every role is a step on a scale the cell generates.
Narrative shapes identity
Two typefaces illustrate the tension between people and agents. GT Sectra carries the complexity of people. Pentameter is the system's voice. The construction is visible: the grid, the tokens, the logic are discoverable. Something made well isn't afraid to show how it's built.