Neuigkeit1 Min. Lesezeit

Genau hinsehen: Die neue Website von metic.

Neue Website, neues Konzept: eine ruhige Oberfläche, und darunter die Konstruktion. Wer die Maus gedrückt hält, sieht, wie die Seite gebaut ist.

Pixelraster in Nahaufnahme.

Der Schuster hat die schlechtesten Schuhe, bei Studios ist es die eigene Website. Man baut für alle anderen, und das Eigene wartet. Damit ist Schluss.

Das Konzept dieser Seite ist die Arbeitsweise von metic. selbst: Außen eine ruhige, präzise Oberfläche. Darunter die Konstruktion. Wer die Maus gedrückt hält oder am Handy den Finger auf die Seite legt, öffnet eine Lupe und sieht die echten Maße, Raster und Werte der Elemente. Nichts davon ist gemalt, es sind die tatsächlichen Rechtecke der Seite.

Die Startseite erzählt dieselbe Geschichte als Bau: Beim Scrollen entsteht eine Website Strich für Strich, von der ersten Hilfslinie über Raster, Schrift und Farbe bis zur Zeile Code. Am Ende fällt alles in einen einzigen Knopf zusammen. Und wer die Lupe in die Hand nimmt, findet Anmerkungen in unsichtbarer Tinte.

Technisch steckt dahinter Next.js mit Payload als Redaktionssystem. Alle Inhalte, die Sie hier sehen, sind über das CMS pflegbar, auf Deutsch und auf Englisch: Projekte, Beiträge, Leistungen, Pakete, Lebenslauf, Kontaktdaten. Nichts davon steht im Code fest.

Die Lupe zeigt, was darunter liegt. Finger auf die Seite halten, um selbst zu schauen.