Die Gestaltungssprache

1. Zwei Seiten, eine Linie. Alles, was wir machen, hat zwei Seiten, die sich treffen: zwei Menschen, zwei Hände, das Alte und das Neue. Diesen Moment setzen wir in die Mitte, auf eine senkrechte Linie, damit das Auge weiß, wohin es schauen soll.
2. Dinge treffen sich, dann ist Ruhe. Jede Bewegung hat vier Schritte: Zwei Dinge nähern sich, sie berühren sich, sie hinterlassen eine Spur, sie kommen zur Ruhe. Eine Zahlung kommt an, eine Münze fällt, ein Eintrag ist bestätigt. Die Zeichen dürfen spielen; der Bildschirm rundherum bleibt ruhig.
3. Ein Rot, als Licht. Rot gibt es einmal pro Bildschirm oder Bild, auf dem einen Wichtigsten, und nur auf einem kleinen Teil davon. Es ist nie Dekoration. Jede App hat ihre eigene Akzentfarbe; die Regel bleibt.
4. Echte Materialien. Papier, Holz, Messing, Glas, Ziegel: Dinge, die man angreifen kann, abgenutzt und von Hand gemacht. Keine glänzenden Verläufe. Ein Ornament muss eine Bedeutung tragen, sonst kommt es weg.
5. Alle Jahrzehnte zugleich. Unsere Welt mischt 1910, 1968, 1986, 1999 und 2050 in einem Raum, so wie Wien es tut. Wir verbinden sie mit Absicht, nie als Kostüm und nie als glänzende Zukunftsvision.
6. Zwei Modi: die Bühne und der Beleg. Die Bühne ist dunkel und stimmungsvoll, für Bilder, Geschichten und den ersten Eindruck. Der Beleg ist hell: schlichtes Papier, schwarze Tinte, klare Zahlen, für den Moment, in dem jemand bestätigt, unterschreibt oder zahlt. Dieser Moment wird nie dekoriert.
7. Schrift wird gesetzt, nie erzeugt. Wörter stehen in Archivo, Zahlen und Daten in IBM Plex Mono, Titel werden gezeichnet oder von Hand gesetzt. Keine Maschine schreibt Text in ein Bild.

Die Probe für alles Neue: Deck den Namen ab. Ist es noch erkennbar Beidwerk? Ist klar, wer es gemacht hat? Würde sich in hundert Jahren noch jemand dafür interessieren? Wenn eine Antwort Nein ist, ist es nicht fertig.

Jedes Bandmitglied hat ein rotes Zeichen: ECHT einen Ring, STAMM einen senkrechten Strich, BOGEN einen Halbkreis, SCHLAG ein Quadrat. In der Schriftgestaltung ist der Stamm der senkrechte Strich eines Buchstabens und der Bogen seine Rundung, und so bilden die vier Zeichen zusammen den Buchstaben B, das Zeichen von Beidwerk. Jedes Logo, jedes Muster, jedes Icon und jedes Bühnenbild entsteht aus diesen vier Formen und geraden Linien. Eine Form, die keine davon ist, braucht einen Grund, da zu sein.

1. 01
   Ring · ECHTStimme · 2050

   das Licht, wo sich die zwei Hälften des B treffen

2. 02
   Strich · STAMMGitarre · 1999

   der Stamm, der senkrechte Strich des B

3. 03
   Halbkreis · BOGENKontrabass · 1910

   der Bogen, die Rundung des B

4. 04
   Quadrat · SCHLAGSchlagzeug · 1968

   der Takt, der das B zusammenhält

Jede App bekommt einen Sticker: zwei der vier Zeichen, die sich treffen, rundlich und ein bisschen unperfekt gezeichnet, so wie ein Sticker auf einem Laptop oder einem Gitarrenkoffer. Das Spiel lebt in den Zeichen; die Bildschirme rundherum bleiben ruhig.

Beidwerk hat zwei Modi. Die Bühne ist die Nacht: warmes Lampenlicht vor tiefem Grün, weiches Korn. Bilder, Plakate, Kopfbereiche und erste Schritte leben dort. Der Beleg ist Tageslicht: ruhiges Papier, schwarze Tinte, klare Zahlen und ein Rot. Er wird überall verwendet, wo zwei Menschen bestätigen, unterschreiben oder zahlen, und dieser Moment wird nie dekoriert.

Jede Bewegung folgt denselben vier Schritten, so wie ein Handschlag oder eine Zahlung.

Das Verspielte bleibt in den Zeichen und im Moment der Berührung; die Seite rundherum ist ruhig. Wer reduzierte Bewegung eingestellt hat, sieht keine Bewegung, und der Endzustand erscheint sofort.

Die Farben der Bühne sind aus den Konzeptbildern der Band gemessen. Jede Farbe für Text und Oberfläche erfüllt die Kontrastregeln der Barrierefreiheit: 4,5:1 für Text, 3:1 für Zeichen und Linien.

Die Bühne

Der Beleg

Akzente

Archivo für Wörter, IBM Plex Mono für Zahlen, Daten und Beschriftungen; beide sind offene Schriften und Teil des Kits. Titel bekommen eine Display-Schrift aus dem Wien um 1900. Plakate werden von Hand gemalt. Schrift wird immer ausgewählt oder gezeichnet, nie in einem Bild erzeugt.

• Lila, Pink oder glänzendes „Tech"-Blau; dekorative Verläufe
• mehr als ein Rot in einem Bild oder auf einem Bildschirm
• Gold als Schriftfarbe, als Verlauf oder als Plastik
• Text, Zahlen oder Logos, die in einem Bild erzeugt werden
• die Klischees der Branche: leuchtende Blockchains, Münzen mit Gesichtern, Roboter
• Schlagschatten und abgerundete Pillen-Knöpfe in einer Oberfläche
• alles, wodurch sich Menschen beobachtet oder eingesperrt fühlen