UI Atlas
Frontend references, built to be read by AI agents and people alike.
Collection 01 · Table of plates
Ten studies of one landing page
- 01The Boot SequenceAmber CRT, live commands
- 02The ManifestoDaylight brutalism
- 03velofyOSDraggable retro desktop
- 04The ExpeditionTopographic ascent
- 05Made in GurgaonTruck-art futurism
- 06DeparturesSplit-flap board
- 07The PosterSwiss grid, one red
- 08View SourceThe page is its source
- 09The ShowreelKinetic scroll cinema
- 10The LaunchRuns on Summit.js
- 11The OasisFrosted glass, photo ground
Collection 03 · Whole sites
Multi-file templates, copy wholesale
Collection 02 · Table of plates
Thirty subjects, thirty aesthetics, illustrated
- 01CadenceMinimal calendar
- 02NimbusAI infra, mesh grain
- 03VelarElectric car
- 04The MarginBroadsheet journal
- 05Vault9Crypto wallet
- 06BloopKids app, mascots
- 07ForgeBrutalist CLI
- 08PortwayTerminal deploy
- 09AurentWatch atelier
- 10NorthwindCarbon B2B
- 11Pixel PostY2K chrome
- 12Dial-Up Depot90s catalog
- 13FramePhoto portfolio
- 14OrbitScheduling AI
- 15Slow PressCoffee roaster
- 16TerraCarbon tracker
- 17StacklyBento productivity
- 18HalftoneStudio, halftone
- 19PulseHealth, ECG line
- 20SterlingPrivate bank
- 21Arcade9Game, neon CRT
- 22SproutEducation, mascot
- 23WayfarerTrip planner, map
- 24ResonateMusic, waveform
- 25BlueprintArchitecture
- 26MorselFood delivery
- 27CounselLegal SaaS
- 28IsothermClimate data
- 29AtelierFashion, line art
- 30ApogeeSpace launch
Reference · Live demos
Eleven style patterns, tabbed
For your agent
Every plate is one self-contained HTML file: inline CSS and JS, system fonts, zero requests. Hand a file to a coding agent as a design reference; the tokens live in :root, the markup is semantic, the copy shows the voice. Built in the spirit of Summit.js.