Die Seite ist eine Single-Page-Application. Das bedeutet, dass alles auf einer Seite passiert. Man kann aber durch die Ansichten klicken. Das klappt gut, weil die Website von den Grafiken her minimalistisch aufgebaut ist. Es werden nur beim Öffnen der Collage die Bilder reingeladen. Die Einfachheit ist auch eine Hommage an das Blogging der frühen 2000er bis 2010er.
UI-Inspo von are.na „brutalism.digital"
Figma für die ersten Layouts
HTML, CSS, JavaScript
Visual Studio Code mit Live Server für die Vorschau
Claude als Coding-Assistent
Jeder Tag ist ein eigener Ordner mit den Screenshots, die an dem Tag entstanden sind. Das Archiv in der Sidebar baut sich daraus auf. Ein neuer Tag ist in ein paar Minuten angelegt.
Die Screenshots sind über die Seite verteilt und überlappen sich. Man kann zoomen, die Fläche verschieben und über die Bilder hovern.
Rosa als einzige Farbe, Schwarz für Text und Linien. Alle Buttons sind Pillen mit schwarzem Rand. Die Linien- und Randdicke zieht sich durch das ganze Layout. Es ist gewollt minimalistisch gehalten.
Die ersten Layouts fanden in Figma statt. Diese habe ich dann, mit präzisen Beschreibungen, mithilfe von Claude aufgebaut. Es gab einiges an Trial and Error, denn ich wollte keine Designentscheidung dem Zufall überlassen.