Six claude.ai screens, rebuilt and working
Each copy is built only from our Claude design system: colours, sizes and motion read from claude.ai's own stylesheet (October 2026), the real Anthropicons icons and the real Claude logo, and free stand-in fonts (Anthropic's fonts are not open). Four copies are checked pixel by pixel against a real picture. All names, companies and messages are made up, so the words differ from the originals on purpose.
New chat: greeting, composer and the Output menu
97.4% pixel matchedges 41.7%dark: real colours, no dark picture Original: Anthropic's video "Meet Claude Slides, Claude Design and Claude Docs" (YouTube, 16 Sep 2026, 4K), frame at 4 s, zoom removed (1080 × 608).
Try it: type a question and press Enter: the page turns into a conversation and the answer streams in word by word while the spark spins; Stop ends it. Open Project or folder, Output (Docs, Slides, Design, Artifact), the + menu (add a file, Research, Web search) and the model button (model, effort, auto thinking). Ctrl+. shows or hides the sidebar.
Conversation with the artifact panel open
92.8% pixel matchedges 47.7%dark: real colours, no dark picture Original: the same video, frame at 18 s: the desktop app with a chat on the left and a Slides artifact on the right (1975 × 1250 at scale 1.44). Our deck is made up.
Try it: click the slide thumbnails; open "Used artifacts, updated tasks, loaded tools"; Hide / Open the panel from the artifact card; Share, full screen, close; write a reply.
Composer with the model menu open
no original picture No 2026 picture of this menu was found. The composer is the measured one; the menu words come from claude.ai's script; model descriptions are our wording.Settings: Memory
91.0% pixel matchedges 44.7% Original: the settings picture on claude.com/import-memory (2026), cut to the dialog (965 × 721). The General section (Color mode, Chat font) is also rebuilt.
Projects, with the sidebar open
no original picture No 2026 picture of the Projects page or the open sidebar was found. The sidebar items and their order come from claude.ai's own nav list (Projects, Artifacts, Design, Customize; Chat / Cowork / Code). The "Start a new project" dialog follows the help centre (2026).Sign-in page (signed out)
96.1% left half, light · 96.2% dark64% whole page Original: the live claude.ai/login page as saved by the Wayback Machine on 12 Oct 2026, 1440 × 900, light and dark; sizes read from its computed styles. The photo is not copied, so we score the left half.
