Inhalt

1. Beispiele
2. Die Corporate Identity
3. Der Hintergrund
4. Menü-Einstellung und Icons
5. Konfiguration

Das Design der Plattform liegt in Ihrer Hand. In diesem Artikel zeigen wir Ihnen, welche Einstellungen wie und wo vornehmen können.

Beispiele

Zuerst ein paar Inspirationen, sodass Sie das Potential schon erkennen können:

Der Login Bereich:

Das Menu:

Der Hintergrund:

Wie Ihnen die Beispiele zeigen, können Sie auf Ihr CI zurückgreifen, das Erscheinungsbild des Hintergrundes abändern, Ihr Firmenlogo platzieren, den Login Bereich anpassen, die Form der Icons zwischen rund und eckig bestimmen, die Icons selbst anpassen als auch das Menülayout individuell gestalten.

Die Corporate Identity

Für die Einstellung des Hauptlayouts der Plattform können Sie zwei Hauptfarben Ihres CI's benutzen. 

Gehen Sie dazu auf Admin -> Einstellungen (im unteren linken Segment). Dort können Sie unter dem Menüpunkt "Globales Design", die zwei Farben angeben. Diese wirken sich auf die Brotkrümelnavigation, die Schriftfarbe unter den Icons als auch auf die Farbe der Loginschaltfläche aus:

In dieser Übersicht finden Sie auch gleich die Möglichkeit Ihr Logo hochzuladen. Dieses erscheint dann oben links in der Plattform. Wünschen Sie Ihr Logo im Loginbereich ist dies Teil der Konfiguration der Plattform, was SupraTix zu Beginn für Sie übernimmt.

Der Hintergrund

Weiterhin haben Sie die Möglichkeit hier den Hintergrund einzustellen. Unter CSS Hintergrund für die Instanz gibt es 3 verschiedene Varianten:

1. eine einheitliche Farbe.
   Bitte geben Sie Ihre Farbe in #hexadezimal Wert an oder in RGBA Werten, wenn Sie eine Transparenz wünschen:
   
   background: #008000
   oder mit Transparenz
   background: rgba(0, 128, 0, 0.3)
   
2. ein Verlauf
   Wünschen Sie einen Verlauf können Sie die Farben wie folgt eingeben:
   90 degree steht für den Verlaufswinkel; 0-100% an welcher Stelle die Farbe erscheinen soll.
   Bitte geben Sie den kompletten Code an, damit alle Browserarten so behandelt werden
   
   background: -moz-linear-gradient(90deg, rgba(17,67,87,1) 0%, rgba(9,9,121,1) 50%, rgba(242,148,146,1) 100%);
   background: -webkit-linear-gradient(90deg, rgba(17,67,87,1) 0%, rgba(9,9,121,1) 50%, rgba(242,148,146,1) 100%);
   background: linear-gradient(90deg, rgba(17,67,87,1) 0%, rgba(9,9,121,1) 50%, rgba(242,148,146,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#114357",endColorstr="#f29492",GradientType=1);
   
3. ein Hintergrundbild
   Wünschen Sie ein Hintergundbild, so laden Sie es entweder über das Modul Dateien hoch und kopieren Sie die Bildadresse oder laden Sie es auf Ihrem eigenen Server hoch. Geben Sie die Adresse nach der URL ein (bitte beachten Sie das nur .pngs und .jpgs möglich sind): 
   

   background: url('https://d36mspneafr32a.cloudfront.net/instance/omc/dd6ee70c-da12-44ef-8f8d-f397e971e1c7.png') no-repeat;

Menü-Einstellung und Icons

Unter dem Menüpunkt "Menü-Einstellung und Icons" können Sie festlegen, ob jede/-r Nutzer:in sein/ihr eigenes Hintergrundbild festlegen darf als auch die standardisierten Icons mit Ihrem Standard ersetzen. Klicken Sie dazu das jeweilige Icon an und ersetzen Sie es in der dazugehörigen Maske mit Ihrem.

Konfiguration

Wie schon oben bereits erwähnt, gehören Bestandteile der Corporate Identity zum Konfigurationsprozess der Plattform. Diese wird für Sie zu Beginn von SupraTix konfiguriert. Teilen Sie uns dazu folgendes mit:

• Welche Form (rund/eckig) der Icons möchten Sie standardmäßig einsetzen? (siehe Kapitel Beispiele).
• Haben Sie für den Loginbereich etwas anderes im Sinn, klären Sie dies mit uns ab. 
• Um Ihre Corporateschrift einzusetzen ist ein ttf. Format notwendig. Schicken Sie uns dieses zu und wir binden die Schrift ein.