Design reference 78 · Avant-garde & experimental
Aperture Archive
A small opening gives a large collection a deliberate pace.
Download design ZIP · Open interactive specimen
Design specification
Idea. A small opening gives a large collection a deliberate pace.
Composition. A nearly black urban drawing is revealed through a circular aperture; lime coordinates and perimeter typography locate six exposures.
Navigation and complete example. Inspect six original night-city vector exposures, move the aperture with native controls, read a field note and mark a favourite exposure.
Responsive and inclusive behaviour. The aperture scene uses a compact landscape crop, while labelled previous/next controls and the full contact list remain visible. All controls are native buttons or labelled inputs. Movement is discretionary, no sound starts automatically, reduced-motion preferences remove transitions, and a direct index exposes the same content.
Adaptation. Keep selective visibility as a discovery device, with a complete text index. Use purposeful crops and credited photographs when adapting the original vector study. Retain the relationship between navigation and content. Do not reduce the reference to a generic hero followed by interchangeable cards.
Research. [Rafaël Rozendaal — Internet works](https://www.newrafael.com/internet?filter=website); [Aaron Koblin — The Wilderness Downtown](https://www.aaronkoblin.com/project/the-wilderness-downtown/). These are conceptual precedents, not copied artwork, source code, branding or text. All diagrams and sample writing in this specimen are original, fictional material.
Files for a coding model
Reference images
- Desktop — 1440 × 1000 viewport
- Phone — 390 × 844 viewport
- Supporting state — 1440 × 1000 viewport
- Full page — 1440 × 1000 viewport
Supporting routes
Reuse
Use and adapt the original code and specifications for personal or commercial work under MIT. Keep applicable font and photo notices. The ZIP includes the complete runnable reference and its local assets.