Das Eigene.
Das Dazwischen.

1. 1

   Resonanzkosmos

   Resonanz in dir, in deiner Partnerschaft und in deinem Umfeld. Der Einstieg in ELANUM.

   Resonanzrad · Heute · Weg · Umfeld · Beziehungsraum

2. 2

   Datingkosmos

   Finde die eine Resonanz. Hier geht es nur ums Dating.

   folgt

3. 3

   Erlebniskosmos

   Resoniere mit anderen. Events, unabhängig vom Dating.

   folgt

Das ELANUM-Zeichen bleibt, seine Konturen sind neu konstruiert. Jede Rundung ist ein Kreisbogen, alle Radien stammen aus einer Reihe im Goldenen Schnitt, und jeder Bogen geht ohne Knick in den nächsten über. Die feinen Linien sind überall gleich stark und laufen in kurzen Spitzen aus. Seine Form bewegt sich nie, nur Licht und Farbe bewegen sich darin.

SpektrumInkInversReliefBlueprint

Spektrum · Goldener Schnitt

Rahmen

Aussenkreis und Kreisöffnung

Konturen

Nur Kreisbögen, ohne Knick verbunden

Radien

Aus der Reihe R·φ^(−k/4), vier Stufen ergeben genau den Goldenen Schnitt

Linien

Gleich starker Körper, kurze Spitzen

Blueprint zeigt alle Konstruktionskreise. Relief ist eine Materialanwendung, kein neues Zeichen. Als Marke in App und Atlas steht das Zeichen in Spektrum, auch klein. Ink nur, wo nur eine Farbe geht.

Ink · Goldener Schnitt laden

• 
  

  

  ELANUM

  Zeichenaufbau

  Einmal · knapp 3 s

  Aussenkreis und Öffnung zeichnen sich als feine Linie im Markenspektrum, dann füllt sich das Zeichen sanft mit Farbe.

  Nochmals aufbauen
• 
  

  

  ELANUM

  Lichtlauf

  Dauernd · 24 s pro Umlauf

  Ein weicher Glanz wandert im Kreis durch das Zeichen, wie der Glührand, nur langsamer. Die Farben bleiben.

Zeichen in Bewegung als eigene Seite

Konstruktion im Detail

Die freien Bézier-Kurven des Originals hatten innerhalb einzelner Bögen schwankende Radien und Krümmungssprünge an den Übergängen. Die Kreiskonstruktion ersetzt sie durch Bögen mit festem Radius. Alle Radien stammen aus der Reihe R·φ^(−k/4): Vier Stufen ergeben genau den Goldenen Schnitt. Aufeinanderfolgende Bögen berühren sich tangential, ihre Mittelpunkte liegen mit dem Übergangspunkt auf einer Geraden.

0°

Knick zwischen Bögen

R·φ^(−k/4)

Reihe aller Radien

11 Stufen

der Reihe im Zeichen

Blueprint öffnen

Fläche und Schrift

1. Raum für dich.

   Display · Yrsa 400 · 52 / 96 px

2. Und füreinander.

   Titel · Yrsa 400 · 32 / 48 px

3. Was bewegt dich gerade?

   Überschrift · Albert Sans 600 · 20 / 22 px

4. Ein Gedanke, eine Pause, ein Austausch. Der Text bleibt ruhig und gut lesbar.

   Text · Albert Sans 400 · 17 / 18 px

5. Nähe · spürbare Resonanz

   Label · Albert Sans 500 · 15 px, das Minimum

1. Leiste unten

   bis 599 px

   In der Daumenzone. Höchstens fünf Ziele, jedes mit Icon und Namen in 15 px. Das letzte ist immer das Menü.

2. Schiene

   600 bis 1023 px

   Links, Icon über dem Namen. Mehr Platz für Inhalt in zwei Spalten, die Hand bleibt am Rand.

3. Seitenleiste

   ab 1024 px

   Namen nach Kosmos gegliedert, der Wechsel in einen anderen Kosmos ist immer sichtbar. Inhalt in Haupt- und Begleitspalte.

1. Daumenzone

   Navigation und Hauptaktion stehen unten, erreichbar mit einer Hand. Ab 600 px wandert die Navigation nach links.

2. Ein Moment, eine Handlung

   Pro Screen ein Hauptmoment in weichem Licht, in der Farbe seines Bereichs, und eine primäre Handlung. Dunkel ist nur das Dazwischen: der Beziehungsraum. Auf dem Telefon schweben die Handlungen über der Leiste.

3. 15 px bleibt 15 px

   Auch in der Leiste. Was nicht passt, kommt ins Menü, nie kleiner. Keine Versalien als Ersatz für Grösse.

4. 48 px zum Tippen

   Mindestens 44 px, in Leiste, Kopf und Sheet 48 px. Abstand zwischen Zielen statt Linien.

5. Sheet statt neuer Seite

   Kurzes öffnet sich von unten, auf dem Tablet in der Mitte, auf dem Desktop von rechts. Immer mit Schliessen und Esc.

6. Antworten statt belohnen

   Was man berührt, antwortet: Der Tag zeichnet sich bis jetzt, eine Frage dreht sich um, bei Resonanz rücken zwei Kreise zusammen. Auswahl und Listen haben ein ruhiges Ende. Keine Zähler, keine Serien, kein Konfetti.

7. Jede Geste hat einen Knopf

   Wischen, Ziehen und Drehen sind eine zweite Eingabe, nie die einzige. Rückgängig geht immer.

8. Platz statt Gerät

   Karten und Spalten richten sich nach dem Platz im Inhalt (Container Queries). Safe Areas und dynamische Höhe für Telefone mit Kerbe.

• Hinge

  Resonanz gilt einer Antwort.

  Wer Resonanz zeigt, wählt eine Frage oder ein Element, nicht einen ganzen Menschen. Das gibt dem ersten Satz einen Anlass.

• Once, The League

  Wenige Menschen am Tag.

  „Drei Menschen für heute“ statt eines Stapels. Danach ein ruhiges Ende, morgen kommen neue.

• Co-Star, The Pattern

  Eine Perspektive, kein Urteil.

  Text zuerst, ruhige Typografie. „Wo es schwingt“ und „Hier seid ihr unterschiedlich“ statt Prozenten. Icons tragen immer einen Namen.

• Headspace, Stoic

  Ein Tag hat einen Rhythmus.

  Ein Satz pro Tag, eine Tageslinie vom Ankommen bis zur Ruhe, eine Notiz auf Papier. Langsame Übergänge, nichts drängt.

• Timeleft, Luma, Partiful

  Wer dabei ist, zählt.

  Menschen sichtbar vor der Zusage, Antwort in natürlicher Reihenfolge: Dabei, Vielleicht, Nicht dabei. Der Ort kommt am Vortag.

• Material 3, Apple

  Navigation passt sich an.

  Leiste, Schiene und Seitenleiste mit denselben Zielen. Sheets mit Griff, Schliessen-Knopf und Esc, Kopf mit grossem Titel, der beim Scrollen klein wird. Weiche Übergänge zwischen Screens (View Transitions).

Namen der Bereiche

Soul Kosmos, Resonanzen, Gemeinsam erlebenResonanzkosmos, Datingkosmos, Erlebniskosmos

Ziele im Resonanzkosmos

Jetzt, Ich, Umfeld, Mein WegHeute, Ich, Umfeld, Weg

Fläche

Dunkler Grund, GlasWarme Reliefoberfläche, Licht von links oben

Farbe der Elemente

Cyan, Magenta, Purple je SäuleViolett, Koralle, Petrol je Bereich, Elemente über Icon und Name

Passung im Dating

Score in ProzentBeobachtungen in Worten, an Elementen festgemacht

Schrift

Labels in Versalien unter 15 pxYrsa und Albert Sans, nichts unter 15 px

Tablet

Leiste unten bis 1023 pxSchiene ab 600 px

Bleibt

Seitenleiste ab 1024 px, getrennte Kosmen mit Menü, jede Geste mit Knopf, kein Online-Status, keine Zähler

App-Rahmen und alle Screens einzeln öffnen

• ResonanzkosmosResonanzradNeun Elemente, drei Bereiche, Ausfüllstatus.
• ResonanzkosmosUmfeldIch in der Mitte, Menschen nach Nähe und Resonanz.
• ResonanzkosmosBeziehungsraumZwei eigene Räume und ihre Verbindung.
• ResonanzkosmosWeg & TageslinieStationen: erledigt, jetzt, offen.
• MarkeZeichen in BewegungZeichenaufbau und Lichtlauf.
• Alle KosmenApp-RahmenNavigation, Kopf, Sheet, Karten. Mobile zuerst.

Kontur 1,6 pxKreise, Spuren, Icons. Ein Kreis bleibt ein Kreis, auch in Bewegung.

Verbindung 2,8 pxTrifft beide Konturen exakt. Keine schwebenden Enden.

Öffnung untenZeigt, was nicht abgeschlossen ist. Nähe verändert nie die Identität.

StationenErledigt gefüllt, jetzt als Ring, offen mit Öffnung.

Glossar als Datei öffnen