Farben, Abstände, Rundungen und Schriftgrössen sollen über alle Komponenten einer Website hinweg zusammenpassen. Numerische Design-Token-Skalen bündeln diese Werte für Gutenberg-Blöcke, responsive Layouts und die zentrale Weiterentwicklung des Designs.
Verschiedene Seitentypen benötigen passende Inhaltsbausteine, die sich einheitlich gestalten und pflegen lassen. Eine projektspezifische Sammlung eigener Gutenberg-Blöcke verbindet Kartenraster, Medien, Teamprofile und Stellenanzeigen zu einem modularen WordPress-Redaktionssystem.
Editoriale Seiten benötigen einen visuellen Rhythmus, der durch die Inhalte führt und der Redaktion zugleich eine klare Struktur bietet. Ein eigener Gutenberg-Block bündelt ausgewählte Inhaltsblöcke und ordnet sie…
Video, Posterbild und Text sollen im Hero-Bereich gemeinsam bearbeitet und aufeinander abgestimmt werden. Ein individueller Gutenberg-Block verbindet die Medienauswahl mit direkter Textbearbeitung und lässt die Redaktion für Mobilgeräte…
Eine Stellenausschreibung und der zugehörige Hinweis an anderer Stelle der Website zeigen gemeinsam den aktuellen Stand. Zwei individuell entwickelte WordPress-Blöcke koppeln den Status der Ausschreibung an den Hinweis…
Dynamische Inhaltsübersichten wählen verschiedene Inhaltstypen aus, sortieren sie und zeigen passende Vorschauen. Zwei aufeinander abgestimmte Gutenberg-Plugins trennen die Auswahl der Inhalte von ihrer redaktionell gepflegten Darstellung.
Ausgewählte Beiträge und Projekte sollen als bildstarke Teaser in einem Cover-Bereich erscheinen. Ein individueller Gutenberg-Block verknüpft den ausgewählten Inhalt und übernimmt Titel sowie Permalink direkt aus WordPress.
Ein Wohnungsangebot verbindet Bilder, wichtige Angaben und persönliche Kontaktwege. Der Gutenberg-Block «Wohnungsangebot» bringt diese Inhalte in einer Angebotskachel zusammen, die bei Bedarf weitere Details zeigt.
Ein Thema kann auf einer Seite in zwei Varianten erscheinen: als Vergleich, als kurze und ausführliche Erklärung oder als unterschiedliche Datenansicht. Der Toggle Container bündelt beide Ansichten an…