Zu jedem Entwurf steht, welche CI-Regel er dehnt. Die Regeln stehen im Kopf von nozilla.css; brechen darf sie ein Entwurf, er soll es nur wissen. Zur Musterbibliothek →

Vorschlag
Mischen
01

Heute

Der Stand der Startseite. Steht hier als Vergleichsmaß.

Hält alle Regeln ein.

Digitalberatung · Bonn

Gute digitale Dienste.

Gute digitale Dienste stellen immer den Menschen in den Mittelpunkt. Ich berate, entwickle und bilde weiter, für Organisationen, die dem Gemeinwohl verpflichtet sind.

02

Reduziert

Noch nüchterner: nur Zeile, Titel, ein Knopf. Der Vorspann rückt unter den Falz.

Dehnt Regel 12: Die Subline steht erst darunter, nicht mehr im Kopf.

Digitalberatung · Bonn

Gute digitale Dienste.

Termin vereinbaren →
03

Zweispaltig

Titel links, Vorspann und Knöpfe rechts, dazwischen eine gestrichelte Linie.

Regel 16 deckt die gestrichelte Linie. Dehnt Regel 1: Der Vorspann steht ohne weiße Fläche.

Digitalberatung · Bonn

Gute digitale Dienste.

Gute digitale Dienste stellen immer den Menschen in den Mittelpunkt. Ich berate, entwickle und bilde weiter, für Organisationen, die dem Gemeinwohl verpflichtet sind.

04

Mit Eckdaten

Vier gezählte Zahlen unter dem Vorspann. Konkretes wird eher zitiert als Anspruch.

Dehnt Regel 10: Die Linie über den Zahlen trennt innerhalb des Kopfes.

Digitalberatung · Bonn

Gute digitale Dienste.

Gute digitale Dienste stellen immer den Menschen in den Mittelpunkt. Ich berate, entwickle und bilde weiter, für Organisationen, die dem Gemeinwohl verpflichtet sind.

8
Werkzeuge, frei nutzbar
12
Workshop-Formate
4
Ausreden-Kompasse
Bonn
und wo Sie sind
05

Schwarzes Band

Der Kopf steht auf Schwarz, die Schrift cremefarben, der laute Knopf grün.

Regel 6 erlaubt ein schwarzes Band je Seite; hier ist es verbraucht. Dehnt Regel 1.

Digitalberatung · Bonn

Gute digitale Dienste.

Gute digitale Dienste stellen immer den Menschen in den Mittelpunkt. Ich berate, entwickle und bilde weiter, für Organisationen, die dem Gemeinwohl verpflichtet sind.

06

Mit Bild

Rechts das Bild aus dem Kartensatz, links Titel, Vorspann und ein Knopf.

Dehnt Regel 11: Das Bild hebt sich schon ab und trägt trotzdem Rahmen und Schatten.

Digitalberatung · Bonn

Gute digitale Dienste.

Gute digitale Dienste stellen immer den Menschen in den Mittelpunkt. Ich berate, entwickle und bilde weiter, für Organisationen, die dem Gemeinwohl verpflichtet sind.

Ein Stapel bunter Karten aus einem Workshop
07

Raster

Ein sichtbares Konstruktionsraster mit Feldnummern, Text sitzt in den Feldern.

Dehnt Regel 10 und 16: Die Rasterlinien trennen nichts, sie zeigen den Bau.

01 Digitalberatung · Bonn 02

Gute digitale Dienste.

03

Gute digitale Dienste stellen immer den Menschen in den Mittelpunkt. Ich berate, entwickle und bilde weiter, für Organisationen, die dem Gemeinwohl verpflichtet sind.

04 Termin vereinbaren →
08

Bewegte Formen

Vier Formen wandern langsam rechts neben dem Titel. Ohne Bewegungswunsch stehen sie still.

Bricht Regel 3: Grün wird zur Fläche. Das ist der Punkt dieses Entwurfs.

Digitalberatung · Bonn

Gute digitale Dienste.

Gute digitale Dienste stellen immer den Menschen in den Mittelpunkt. Ich berate, entwickle und bilde weiter, für Organisationen, die dem Gemeinwohl verpflichtet sind.

09

Volle Packung

Alles auf einmal: Laufband, Aufkleber, Bild, wandernde Formen, Eckdaten, drei Knöpfe. Als Gegenpol gedacht, nicht als Vorschlag.

Bricht Regel 3, 10 und 11 zugleich, und hat drei laute Knöpfe statt einem. Absichtlich.

Digitalberatung · Bonn

Gute digitale
Dienste.

Gute digitale Dienste stellen immer den Menschen in den Mittelpunkt. Ich berate, entwickle und bilde weiter, für Organisationen, die dem Gemeinwohl verpflichtet sind.

8
Werkzeuge, frei nutzbar
12
Workshop-Formate
4
Ausreden-Kompasse
Bonn
und wo Sie sind
Ein Stapel bunter Karten aus einem Workshop seit 2013
in Bonn
10

Mit Würfel

Rechts kippt ein Würfel über seine Kante, bleibt auf dem Boden und kippt weiter, zwölf Mal, bis er wieder genau so steht wie am Anfang. Sechs Flächen, sechs Begriffe. Ein Klick hält ihn an, der nächste lässt ihn weiter.

Dehnt Regel 3, 11 und 16: Grün wird zur Fläche, die Kanten sind gerundet, und der Schatten ist weich statt hart. Zusammen macht das den weichsten Entwurf der Reihe.

Digitalberatung · Bonn

Gute digitale Dienste.

Gute digitale Dienste stellen immer den Menschen in den Mittelpunkt. Ich berate, entwickle und bilde weiter, für Organisationen, die dem Gemeinwohl verpflichtet sind.

  • Beratung
  • Entwicklung
  • Bildung
  • Offenheit
  • Beteiligung
  • Prototyping

Sagen Sie mir eine Nummer, oder eine Mischung aus zweien. Ich baue sie in die Startseite ein und passe an, was dabei nicht mehr trägt: Der Kopf entscheidet über den Abstand des nächsten Bausteins, und die Farbregel über das schwarze Band gilt für die ganze Seite.