Grundsätze, Vermögenswerte und Referenzen.
Diese Prinzipien prägen Produktentscheidungen, Marketingmaßnahmen und unser Auftreten gegenüber Führungsteams. Sie sind in der externen Kommunikation nicht verhandelbar.
Ausgelastete Teams sind nicht dasselbe wie gut abgestimmte Teams.
Wir sprechen über eine gemeinsame Ausrichtung, verknüpfte OKRs und Fortschritte, die der Vorstand erkennen kann, nicht über Geschäftigkeit um ihrer selbst willen.
Führungskräfte sollten das Wesentliche erkennen, ohne ein weiteres Labyrinth aus Dashboards.
Wir reduzieren die Fragmentierung: eine zentrale Kommandozentrale für Richtung, Kennzahlen und Ausführung. Die Sprache bleibt klar und präzise.
Entscheidungen sollten auf aktuellen Daten basieren, nicht auf veralteten Exporten.
Wir legen Wert auf KPIs, Änderungsprotokolle und fundierte KI-Erkenntnisse, Beweise, auf deren Grundlage die Führungsebene handeln kann, nicht auf Hype oder Spekulationen.
Ausführung auf Unternehmensniveau ohne Komplexität auf Unternehmensniveau.
Wir respektieren Führungskräfte und operative Mitarbeiter: Strenge im Vorstand, Benutzerfreundlichkeit an vorderster Front und Unternehmensführung ohne Bürokratie.
Was wir sagen, wem wir es sagen und wie wir es beweisen – einheitlich in Web-, Produkt-, Vertriebs- und Partnermaterialien.
Elevale ist die strategische Umsetzungsplattform, die Richtung in OKRs, Live-KPIs und Teamausrichtung verwandelt – für Geschäftsführer, die Klarheit und Richtung und nicht Chaos wollen.
Eine strategische Umsetzungsplattform, kein generisches Projekttool oder ein weiteres BI-Dashboard. Aufgaben, OKRs und Live-KPIs befinden sich in einem System, sodass Richtung, Tagesgeschäft und Nachweise miteinander verknüpft bleiben und nicht über separate Anwendungen verstreut sind.
Geschäftsführer, Gründer und Führungsteams von Unternehmen mit mehreren Standorten oder wachsendem Geschäft. Sie entwickeln Strategien, führen Überprüfungen durch und benötigen ein einheitliches Geschäftsmodell, nicht mehr Software um der Software willen.
Setzen Sie Ihre Strategie in die Tat um, sodass Ihr Führungsteam sie sehen und steuern kann: mit einer klaren Zielsetzung, messbaren Zielen, Live-Kennzahlen und einer KI, die Ihr Geschäft analysiert, nicht das offene Internet.
Fundamentalanalyse in der Produktrealität: OKRs verknüpft mit Aufgaben, Live-KPIs, Änderungsprotokolle für das Unternehmen, Otto basiert auf Workspace-Daten und Ergebnisse, die von der Geschäftsleitung anerkannt werden (Ausrichtung, weniger blinde Flecken, schnellere Überprüfungen).
In den Abschnitten „Heroes“ und „Landing“ wird die Geschichte in drei Schritten erzählt: Beginnen Sie mit einem Aufhänger, der die Spannung benennt, zeigen Sie, wie Elevale sie auflöst, und leiten Sie dann zum nächsten Schritt über. Dies ist die Erzählstruktur, keine Typografievorgabe. Die Stile für Überschrift, Fließtext und Schaltflächen finden Sie in den Typografie und UI-Muster.
Sie haben dem Plan zugestimmt. Fragt man, was heute planmäßig läuft, herrscht Stille im Raum.
Eine zentrale Kommandozentrale verknüpft die Richtung, OKRs, Live-KPIs und die täglichen Aufgaben, sodass Ihr Führungsteam den Fortschritt erkennen und steuern kann, ohne sich in einem weiteren Labyrinth von Dashboards zu verstricken.
Starten Sie Ihre 14-tägige kostenlose Testphase
So klingen unsere Werte und Botschaften, wenn sie auf Papier gebracht werden: selbstbewusst, direkt und praxisorientiert. Geschrieben für Führungskräfte, die Klarheit statt Fachjargon brauchen.
Erkläre in einfacher Sprache, was Elevale bewirkt und warum es wichtig ist. Kurze Sätze. Konkrete Substantive. Keine Füllwörter.
Setzen Sie auf eine aktive Sprache und auf Ergebnisse, die sich Führungskräfte vorstellen können: Bewertungen, die die Realität widerspiegeln, Ziele, die Teams mittragen können, Kennzahlen, die sich in Echtzeit aktualisieren.
Erkennen Sie die tatsächlichen Probleme an: unübersichtliche Tools, Strategien in Präsentationen, die niemand befolgt, Bewertungen, die auf den Zahlen des Vormonats basieren. Zeigen Sie dann einen glaubwürdigen Weg nach vorn auf.
Setzen Sie die Strategie in die Tat um, sodass Ihr Vorstand sie sehen kann.
Elevale verbindet Ihre Richtung, OKRs und Live-KPIs in einem Kommandozentrum, sodass die Führungsebene weniger Zeit mit dem Abgleich von Tabellenkalkulationen verbringt und mehr Zeit für die Steuerung des Unternehmens hat.
Otto ist ein Otter: Elevales KI-Strategieberater und Markenbotschafter. Er ist kein menschlicher Sprecher. Er muss stets eine Lösung, nicht ein Problem, verkörpern und Klarheit, Energie und Freude zielgerichtet vermitteln.
Klarheit, Energie und Freude, niemals ein Maskottchen, niemals eine Requisite.
Er ist das Gesicht unseres KI-Strategieberaters: ein Otter, der fundierte Ratschläge verständlich macht. Er ist ein Sparringspartner, der eng mit Ihrer strategischen Ausrichtung, Ihren G1- und G2-Sitzungen, Ihrem Wiki und dem Marktkontext verbunden ist. Jeder Auftritt sollte den Weg nach vorn weisen: ein klareres Briefing, die Beseitigung von Hindernissen, die Umsetzung von Erkenntnissen in konkrete Maßnahmen – und nicht das Chaos vor G0.
Otto ist der KI-Strategieberater innerhalb der Plattform: Er bietet Sprach- und Textchat, verweist direkt auf Live-G1- und G0-Daten und hilft dabei, Erkenntnisse in aktualisierte Richtungen, Ziele und Aufgaben umzusetzen. Er ist der Ansprechpartner für große und kleine Fragen: funktional, praxisnah und stets mit den Daten des Arbeitsbereichs verknüpft.
Auf der Website und in der Kommunikation taucht Otto immer dann auf, wenn er eine Lösung präsentieren kann: die Einführung des Kontrollzentrums, die Veranschaulichung von Klarheit oder die Demonstration von KI, die das Geschäft versteht. Kein Maskottchen am Seitenrand. Keine Requisite neben leeren Versprechungen. Zweck steht an erster Stelle.
Otto setzt in Kampagnen auf strategische Klarheit, Umsetzung und KI, die auf realer Arbeit basiert – niemals auf humorvolle Einlagen oder die Personifizierung des Problems. Er zeigt, wie sich eine Richtung abzeichnet, Entscheidungen Hindernisse beseitigen oder Führungskräfte Antworten finden – ohne ein weiteres Dashboard. Nur genehmigte Grafiken.
Kontaktieren Sie das Team für die Genehmigung Jegliche Verwendung von Otto, sei es für interne Präsentationen, externe Werbung, soziale Medien oder Partnermaterialien, bedarf vor der Veröffentlichung der Genehmigung der Marke.
Das Logo-Layout ist das Standard-Logo Elevale: Logo-Marke und Wortmarke in einer Datei. Der Slogan ist ein separater Marketingtext. Wir verwenden ihn häufig auf der Website, er ist aber nicht Teil des Logo-Layouts.
Verwenden Sie diese Bezeichnungen einheitlich in Briefings, Präsentationen und dem Marken-Kit. Wenn wir „Elevale Logo“ sagen, meinen wir das Logo-Kombinationsprodukt, es sei denn, wir fordern ausdrücklich nur das Logo an.
Die Strategie, die niemals stirbt
Typische Platzierung auf einem Helden
Erscheint oft über der Hauptüberschrift. Es sollte nicht in exportierte Logodateien aufgenommen werden, es sei denn, die Marke genehmigt ein individuelles Logo-Design.
Das Logo besteht aus zwei versetzten, ineinandergreifenden Quadraten. Sie wirken wie separate Module, die sich nun begegnen: Wo zuvor eine Lücke zwischen Strategie und Umsetzung, zwischen den Worten der Führungsebene und den tatsächlichen Ergebnissen bestand, findet sich nun eine bewusste Verbindung. Keine Unschärfe. Keine Übernahme. Eine sichtbare Verbindung.
Der Überlappungspunkt ist entscheidend. An dieser gemeinsamen Kante befindet sich Elevale.
Tabellenkalkulationen in der einen Ecke, OKRs in der anderen, Rezensionen basierend auf den Exporten des Vormonats. Das Logo bildet den Gegenpol zu dieser Entwicklung: zwei Flächen, die sich deckungsgleich aneinanderfügen, sodass das Unternehmen sich in der Öffentlichkeit nicht länger selbst widerspricht.
Die gemeinsame Ecke ist keine Dekoration. Sie ist der Schnittpunkt, an dem Briefing, Kennzahlen und Teammaßnahmen zusammenlaufen sollen. Elevale ist das Ergebnis dieser Überschneidung: eine gemeinsame Fläche für Richtung, Messung und Nachverfolgung.
Der Versatz deutet auf Vorwärtsbewegung ohne Kollision hin. Strategie erstickt nicht die Abläufe; Daten erdrücken nicht die Menschen. Die Quadrate bewegen sich gemeinsam voran, wie Prioritäten, die schließlich in dieselbe Richtung ziehen.
Elevale schöpft seine Kraft aus diesem Punkt. Ausrichtung ist kein Plakat an der Wand; sie ist der Moment, in dem sich die Organisation aus der Masse heraushebt, weil Absicht und Beweise übereinstimmen. Das Logo ist klein. Die Idee ist es nicht.
Pink und Lila haben jeweils eine Funktion im Logo. Pink steht für Wärme: Richtung, Dynamik und Entscheidungsimpuls. Lila steht für Kühle: Evidenz, Struktur und Orientierungshilfe. Halten Sie die Farben getrennt; sie berühren sich nur dort, wo Absicht und Beweis aufeinandertreffen. HEX-, RGB- und UI-Regeln finden Sie in Kernfarben.
Rosa
Richtung und Impuls
Ein warmes Magenta mit klarer Energie. Im Logo steht es im Vordergrund: Der Blick fällt zuerst darauf, genauso wie Führungskräfte benennen müssen, was als Nächstes wichtig ist.
Represents Absicht vor Beweis: Wohin das Unternehmen will, was Priorität hat und die Energie, die dafür nötig ist.
Im Logo dominiert Pink die Geschichte. In der Produkt-UI bildet es die Handlungsebene: primäre Schaltflächen, Prioritätszustände und Momente, die eine klare Entscheidung erfordern.
Lila
Beweise und Struktur
Ein ruhiges, tiefgründiges Blauviolett. Es ist etwas zurückhaltender als das warme Rosa und vermittelt Aussagekraft, Struktur und Beweiskraft in einem beständigen, verlässlichen Ton.
Represents Was das Unternehmen vorweisen kann: Live-G0-Daten, vernetzte Arbeitsabläufe, Struktur und datengestützte Steuerung, auf die die Führungsebene vertrauen kann.
Im Logo vollendet Lila, was Rosa beginnt. In der Produkt-Benutzeroberfläche wird es verwendet, um Kennzahlen, Navigationselemente und Bereiche hervorzuheben, in denen Übersichtlichkeit wichtiger ist als Dekoration.
Halten Sie auf allen Seiten des Logos einen Freiraum ein, der der Höhe des pinkfarbenen Eckmoduls entspricht (20px bei Standard-Lockup-Größe).
x = Höhe des pinkfarbenen Eckmoduls des Logos (20 px bei Standardgröße). Halten Sie an allen vier Seiten des Logos mindestens einen x-ten Abstand ein.
Laden Sie genehmigte Logo-Kombinationen und reine Logodateien herunter. Verwenden Sie die Logo-Kombination für Marketingzwecke; verwenden Sie das Logo allein nur dann, wenn der Platz begrenzt ist und die Marke bereits bekannt ist.
Für Favicons, App-Icons, Avatare und kompakte Benutzeroberflächen. App-Kacheldateien enthalten den farbigen Hintergrund; bitte nicht zuschneiden oder umfärben.
Verwenden Sie die Vollfarb-Variante auf hellen Hintergründen und die Variante für dunkle Hintergründe. Bei Fotos oder unruhigen Oberflächen fügen Sie eine deckende Ebene hinzu oder wechseln Sie zur invertierten Variante, damit die Markierung lesbar bleibt.
Licht Dunkel Nicht dehnen oder verzerren
Füge keine Konturen hinzu.
Drehen Sie die Verriegelung nicht.
Nicht auf unruhigen, kontrastarmen Hintergründen platzieren.
Halten Sie ausreichend Platz frei.
Pink und Lila ergänzen sich, sie können sich nicht ersetzen. Pink lenkt den Blick auf Richtung und Handlung; Lila vermittelt die zugrundeliegende, funktionale Information. Neutrale Farben leisten in Produkt-UIs und längeren Texten einen wichtigen Beitrag.
Verwenden Sie Pink, wenn Sie Dynamik oder eine primäre Aktion darstellen möchten. Verwenden Sie Lila, wenn Sie Struktur, Kennzahlen oder Vertrauen durch Daten vermitteln möchten. Der Farbverlauf von Pink zu Lila ist ausschließlich für Heroes und Premium-Bänder vorgesehen. Siehe Farbverläufe.
Markenrosa. Ausrichtung, Handlungsaufforderungen (CTAs) und das führende Quadrat im Logo. Farbton und Sättigung nicht verändern.
#E20F7A rgb(226 15 122) --pink
Markenlila. Belege, Produkt-UI-Struktur und das nachfolgende Quadrat im Logo. Farbton und Sättigung nicht verändern.
#5270F5 rgb(82 112 245) --purple
#FCE4F1 rgb(252 228 241) --pink-light
#EEF0FE rgb(238 240 254) --purple-light
#111318 rgb(17 19 24) --dark
#0A0A0A rgb(10 10 10) --black
#FFFFFF rgb(255 255 255) --white
#F9FAFB rgb(249 250 251) --off-white
Farbverläufe lassen Rosa in Lila übergehen: dieselbe Wirkung wie im Logo, nur eben durchgehend. Verwenden Sie sie sparsam für Überschriften, Handlungsaufforderungen und hochwertige Marketingelemente, niemals hinter Fließtext.
Überschriften, Hero-Titel und Abschnittsüberschriften. Verwenden Sie für Marketingtexte normale Groß- und Kleinschreibung; vermeiden Sie die ausschließliche Verwendung von Großbuchstaben, außer bei kurzen Überschriften.
Strategische Umsetzung, verdeutlicht
Fließtext, UI-Beschriftungen und Begleittext. Die Schriftschnitte 400, 500 und 700 sind zugelassen.
Eine Plattform für Richtungsangaben, KPIs, OKRs und Teamausrichtung.
Fotografie ist neben Produkt-UI, Diagrammen und Marketinggrafiken ein fester Bestandteil. Wir nutzen sie für Kampagnen-Helden, UI-Mockups, Arbeitsplatz- und Teammomente sowie für kleine Avatare in App-Bildschirmen (Timelines, Organigramme, Verantwortlichkeits-Chips). Jedes Bild sollte Strategie und Umsetzung durch klare Texte, Markenfarben und Kontext unterstützen.
Die Produktionsfotografie umfasst Kampagnenbilder, UI-Mockups, Arbeitsplatzaufnahmen, Teamporträts und UI-Avatare. Für jeden Typ gelten eigene Größen- und Bezugsregeln (siehe unten) sowie eine kurze Liste mit Elementen, die nicht versendet werden sollen.
Kombinieren Sie eine Person oder eine genehmigte Markenfigur mit einer stimmigen Szene: Farbverlauf oder Farbband, Überschrift und Produkt-UI im Vordergrund. Wärme und Glaubwürdigkeit entstehen durch die menschliche Komponente; die Benutzeroberfläche liefert den Beweis. Ausschnitte dürfen über das Farbband hinausragen, solange die Lesbarkeit gut bleibt.
Erstellen Sie stilisierte UI-Grafiken und komponierte Szenen, keine Fotos von namentlich genannten Geräten (keine iPhone-, MacBook- oder andere Markengeräte-Rahmen). Verwenden Sie neutrale Bildschirmformen, mehrschichtige Karten oder abstrakte Rahmen, damit die Grafiken auch bei Produktaktualisierungen nicht veralten. Kombinieren Sie Fotos mit der UI, wenn es die Geschichte unterstützt; achten Sie auf gute Lesbarkeit von Text und Karten. Verwenden Sie Originaldateien in voller Auflösung; strecken Sie keine niedrig aufgelösten Ausschnitte.
Zeigen Sie authentische Büros, Werkstätten und Arbeitsmomente für „Über uns“-Seiten, Unternehmenskultur, Karriereseiten und redaktionelle Abschnitte. Bevorzugen Sie natürliches Licht, authentische Räumlichkeiten und diverse Teams gegenüber standardisierten Bürobildern. Fügen Sie eine einfarbige oder Farbverlaufs-Überlagerung hinzu, wenn Text über dem Bild steht.
Nutzen Sie sympathische Porträts und kleine Gruppen für Führungspositionen, Social Proof und Partner-Content. Die Kleidung sollte neutral oder markenkonform sein. Integrieren Sie Produkt-UI oder Überschriften in das Bild, wenn es eine Kampagne unterstützt, und nicht als unzusammenhängendes Hintergrundbild.
Beschnittene Porträts in Avatargröße (ca. 24–40 Pixel) werden in Zeitleisten, Organigrammen, Mitarbeiter-Chips und Social-Proof-Zeilen verwendet. Verwenden Sie in dieser Größe ausschließlich die genehmigten Avatar-Ausschnitte aus dem Marken-Kit. Avatar-Dateien für Helden oder Kampagnen-Bänder dürfen niemals hochskaliert werden.
Zufällige Porträtaufnahmen, Stockfotos von Händeschütteln, randlose Produktfotos ohne Kontext oder Botschaft oder Mock-ups, die an bekannte Endgeräte angepasst sind – die Bildsprache sollte die Plattform erklären, echte Projekte zeigen oder die Überschrift unterstreichen. Wenn sie keines von beidem leistet, wählen Sie stattdessen Grafiken oder eine Benutzeroberfläche.
Launch- und Kampagnenlayouts kombinieren eine reale Person oder eine Markenfigur mit einer Produkt-UI-Karte vor einem markanten Markenhintergrund. Die Überschrift vermittelt das Versprechen, die UI-Karte liefert den Beweis, und das Foto darf über den oberen Rand hinausragen, solange die Füße fest am unteren Rand des Bandes verankert sind.
Beispielhafte Komposition. Verwenden Sie hochauflösende, lizenzierte Fotos oder genehmigte Marken-Ausschnitte in voller Kampagnengröße.
Genehmigte Ausschnitte nur für Mock-ups und Produkt-UI. Anzeige in der unten angegebenen Größe. Für Kampagnen, Arbeitsplatz- oder Team-Fotos bitte separate Fotos in voller Auflösung verwenden.
Fotos für Kampagnen, Mock-ups, Arbeitsplätze und Teams sollten vor dem Export an der längsten Seite mindestens 1200 Pixel breit sein. Für Webanwendungen liefern Sie bitte WebP- oder AVIF-Dateien. Avatar-Kit-Dateien behalten ihre native, kleine Größe. Bitten Sie um eine Markenprüfung, wenn Fotos mit Partnerlogos oder im Rahmen von Co-Branding kombiniert werden.
Auf der gesamten Website, den Feature-Seiten und in den Kampagnen verwenden wir UI-ähnliche Karten, dezente Overlays und eine zurückhaltende Markenfarbe. Ziel ist es, Klarheit und Übersichtlichkeit zu schaffen, nicht bloß Dekoration um ihrer selbst willen.
Ein einziges Hauptbild pro Held oder Abschnitt genügt. Text, Abstände und eine einzelne Kartengruppe tragen die Geschichte. Wenn alles zu laut ist, verfehlt es seine Wirkung.
Neutrale Farben (Weiß, Cremeweiß, dunkle Schrift) bestimmen das Layout. Rosa und Lila dienen als Akzente: an den oberen Kanten von Karten, in Diagrammlinien, Badges und als Farbverlaufsstreifen in dunklen Bereichen. Vermeiden Sie es, große Flächen mit vollständigen Markenfarbverläufen hinter einer dichten Benutzeroberfläche zu füllen.
Verwenden Sie zwei oder bis zu drei überlappende Karten mit versetzter Position, leichter Drehung und weichem Schatten. Zwei Karten genügen bei einer einfachen Geschichte; fügen Sie eine dritte nur hinzu, wenn sie den Kontext erweitert. Die Vorderseite enthält die Kernaussage; die Rückseitenkarten liefern ergänzende Details.
Platzieren Sie Grafiken in den Beispieltafeln oder auf ruhigen Hintergründen. Bei Fotos oder dunklen Bereichen fügen Sie eine einfarbige oder Farbverlaufs-Überlagerung hinzu, damit Text und Karten gut lesbar bleiben. Die Karten heben sich vom Hintergrund ab und konkurrieren nicht mit ihm.
Beispiel mit bis zu drei Karten: Jede Ebene enthält einen Titel und ein UI-Element. Die vorderste Karte trägt die Überschrift; die hinteren Karten sind übersichtlicher, aber dennoch gut lesbar. Zwei Karten genügen, wenn dies ausreicht.
Flache Raster mit grellen Farbverläufen, konkurrierenden Formen und gleichfarbigen Blöcken wirken überladen und schwächen die Produktbotschaft.
Verwenden Sie als Ausgangspunkt echte App-Screenshots und UI-Muster aus Marketinggrafiken. Sie können sekundäre Steuerelemente vereinfachen, zuschneiden oder entfernen, wenn dadurch der Nutzen deutlicher wird. Setzen Sie auf ruhige, neutrale Farben, Satoshi für UI-Texte und Pink oder Lila nur dort, wo das Produkt Statusanzeigen, Diagramme und Aktionen hervorhebt.
Verwenden Sie authentische Elevale-Layouts, -Typografie und -Komponenten. Für Marketingzwecke ist es in Ordnung, die Benutzeroberfläche zu vereinfachen: Entfernen Sie Seitenleisten, kürzen Sie die Navigation oder blenden Sie Funktionen aus, die die Botschaft nicht unterstützen. Ziel ist es, das Wesentliche zu erklären, nicht jedes Steuerelement auf dem Bildschirm anzuzeigen. Kopieren Sie keine Benutzeroberfläche in beliebige Browserfenster und passen Sie keine generische Dashboard-Vorlage farblich an, um sie an Ihre Markenidentität anzupassen.
Hintergründe bleiben weiß oder cremefarben. Pink und Lila werden für aktive Navigationselemente, Fortschrittsanzeigen, Diagrammreihen, Badges und primäre Schaltflächen innerhalb der App verwendet. Vermeiden Sie im Screenshot Farbverläufe, die in der Live-Benutzeroberfläche nicht vorhanden sind.
Konzentrieren Sie sich auf den zu erläuternden Workflow: Richtung, OKRs, KPIs oder Dashboards. Entfernen Sie leere Bereiche, nicht zusammengehörige Module und unnötige UI-Elemente, damit der Betrachter ein klares Ergebnis sieht und nicht das gesamte Produkt auf einmal.
Vollständige Screenshots im Dokumentarstil eignen sich für Fallstudien, Dokumentationen und Vertriebspräsentationen. Für die wichtigsten Elemente Ihrer Website bevorzugen Sie vereinfachte Ausschnitte oder die mehrschichtigen Kartengrafiken in Marketinggrafiken, wenn Sie Details benötigen, ohne die gesamte Anwendung zu zeigen.
Produkt- und Marketing-UI übernehmen Radien, Schatten und Schaltflächengestaltungen aus dem Designsystem.
Verwenden Sie pro Ansicht eine primäre Aktion. Kombinieren Sie diese auf hellen Marketing-Oberflächen mit einer sekundären Textaktion oder einem umrandeten Symbol. Verwenden Sie transparente Schaltflächen ausschließlich für dunkle Hintergründe.
Elevale verwendet Lucide-Umriss-Icons auf Marketingseiten, Funktionsabschnitten und UI-Mockups. Eine einheitliche Schriftfamilie, eine einheitliche Strichstärke und eine kleine Größe sorgen für optimale Lesbarkeit von Navigation und Karten.
Halten Sie sich an 16, 20 und 24 Pixel. Marketing-Feature-Karten können zur Hervorhebung 28 Pixel verwenden; erfinden Sie keine individuellen Größen.
Alle auf der Marketing-Website registrierten Lucide-Namen. Suchen Sie danach und kopieren Sie den Namen für die Designübergabe oder verwenden Sie vorgefertigte Code-Snippets für Astro- und Webflow-Blöcke.
aria-hidden="true" für dekorative Symbole; der angrenzende Text trägt die Bedeutung.Elevale setzt auf der gesamten Marketing-Website und im Produkt auf Bewegung: dynamische Hero-Elemente, Scroll-Effekte, Hover-Effekte, gestaffelte Karten und GIFs, die für eine sympathische und humorvolle Atmosphäre sorgen. Bewegung soll die Aufmerksamkeit lenken und die Verständlichkeit unterstreichen, niemals aber mit der Botschaft konkurrieren.
Jede Animation beantwortet eine Frage: Was hat sich verändert? Was ist als Nächstes wichtig? Was war erfolgreich? Wenn Bewegung dem Betrachter nicht hilft, etwas zu erfassen, zu verstehen oder zu feiern, sollte sie entfernt werden.
Eine Fokusbewegung pro Ansichtsfenster. Vermeiden Sie Schleifen, Parallaxe um ihrer selbst willen oder mehrere gleichzeitig springende Elemente. Marketinggrafiken nutzen bereits Tiefe; Bewegung sollte die Darstellung nicht überladen.
Verwenden Sie Ease-Out für Eingänge und Ease-In-Out für Umschalter. Die meisten UI-Übergänge dauern zwischen 200 ms und 400 ms; die Hero-Umgebung kann länger dauern, bleibt aber dezent.
Dekorative Schleifen und Drifteffekte werden in prefers-reduced-motion: no-preference eingebunden. Änderungen des Kernzustands (geöffnete Menüs, Fokus) können weiterhin leicht animiert werden oder abrupt erfolgen, wenn Benutzer reduzierte Bewegungen anfordern.
Diese Muster finden sich auf der gesamten Website elevale.com und den zugehörigen Seiten wieder. Verwenden Sie sie bei der Erweiterung der Website oder der Partnermaterialien.
Eine sanft leuchtende Kugel in der Elevale-App signalisiert, dass die Sitzung aktiv ist und auf Geräusche reagiert, während der eigentliche Nachrichtentext und Ottos Antwort angezeigt werden.
Im Produkt wird die Kugel live auf dem Bildschirm dargestellt (keine Videodatei oder statisches Bild). Sie dient als Hauptvisualisierung für den Sprachmodus: ruhig im Leerlauf, aktiver, wenn jemand spricht, und wärmer, wenn Otto spricht. Es handelt sich weder um ein Logo noch um ein Diagramm oder einen Spektrumanalysator mit Balken.
Die gleiche Kugelkomponente wird in zwei Layouts verwendet, die von derselben Sprachsitzung gesteuert werden:
Eine große Kugel (ca. 320 Pixel) befindet sich mittig im Sprachbildschirm. Durch Antippen der Kugel kann Otto während des Sprechens unterbrochen werden.
Ein kleines Symbol (ca. 92 Pixel) befindet sich im minimierten Sprachchip. Durch Antippen gelangt man zurück zur Chatansicht; die Steuerelemente zum Stummschalten und Beenden befinden sich über dem Symbol.
Die Bewegungen folgen dem realen Audiomaterial der Session, nicht einer zufälligen Animation:
Betrachten Sie die Kugel als geschichtetes, weiches Licht, nicht als harte 3D-Kugel oder Wellenformanzeige:
Die Feature-Seiten auf elevale.com verwenden eine vereinfachte CSS-Version dieses Designs für statische Mockups. Die Live-App-Orb ist detaillierter und mit echtem Mikrofon und Audiowiedergabe verknüpft.
Pastellrosa und Lavendel schimmern in Mischfarben, die von den Primärfarben der Marke bis hin zu Weiß reichen. Keine Regenbogeneffekte, flächigen Farben oder scharfen Kanten. Im gedämpften Zustand werden ausschließlich schiefergraue Neutraltöne verwendet.
Charakter und Tonfall für Otto leben in Otto.
Bewegen Sie den Mauszeiger über die Karte und die Schaltfläche, um die typische Beschleunigung und Dauer anzuzeigen.
GIFs verleihen Elevale ein authentisches, persönliches Flair, fernab von einer Firmenbroschüre: Freude über Produktneuheiten, Reaktionen im Chat und ab und zu ein witziger Marketing-Gag. Setzen Sie sie ein, wenn der Moment Wärme oder ein Lächeln verdient – freundlich und markenkonform, aber niemals steif, nur um „seriös“ zu wirken.
Genehmigte GIFs für Jubel und Reaktionen werden mit den Website-Materialien und dem Marken-Kit ausgeliefert. Weitere GIFs können über das Marken-Team angefragt werden. Wir freuen uns über verspielte Loops, die dennoch unverkennbar Elevale wirken.
Genehmigtes GIF aus der Bibliothek, spielerischer oder festlicher Ton, unterstützt die Botschaft, angemessene Dateigröße.
Kontroverse, politische, anstößige oder themenfremde Memes. Keine Schockeffekte, keine Gewaltdarstellung und keine Provokationen.
Als Affiliate- oder Empfehlungspartner stellen Sie Elevale Ihrer Zielgruppe unter unserem offiziellen Namen und Erscheinungsbild vor. Achten Sie darauf, dass Elevale als Elevale erkennbar bleibt (und nicht als Ihr eigenes White-Label-Angebot). Verwenden Sie die genehmigten Assets aus diesem Hub und holen Sie vor bezahlten oder reichweitenstarken Kampagnen die schriftliche Markenfreigabe ein.
Im Gegensatz zu Wiederverkäufern bieten Affiliates keine White-Label-Lösungen an. Wenn Sie unter Ihrer eigenen Marke verkaufen möchten, lesen Sie bitte den Abschnitt „Wiederverkäufer“. Dieser Abschnitt gilt nur, wenn Sie Elevale ausschließlich mit Ihrem Netzwerk teilen.
Greifen Sie auf das Marken-Set und die Marken-Grundlagen zurück. Im Zweifelsfall lieber weniger Elemente verwenden, anstatt zu improvisieren.
Elevale Logo prominent platziert, genehmigte Farben, klarer Handlungsaufruf zu Ihrem Empfehlungslink und ehrliche Offenlegung.
Ein umgefärbtes Logo, ein erfundener Produktname oder Ihre Marke, die unsere bei einer Elevale-Werbeaktion ersetzt.
Teilnehmer des Kundenempfehlungsprogramms sollten diesen Abschnitt bei jeder öffentlichen Erwähnung von Elevale beachten. Programmregeln und Provisionen finden Sie auf der Seite Empfehlungsprogramm.
Elevale kann den Zugang von Partnern pausieren oder beenden, Provisionen einbehalten oder die Entfernung nicht konformer Inhalte verlangen. Wiederholter oder schwerwiegender Missbrauch kann die Geschäftsbeziehung beenden.
Autorisierte Reseller betreiben Elevale als ihr eigenes Produkt. White-Label ist integriert: Ihr Logo, Ihre Primärfarbe und Ihre Domain werden in jedem Kundenbereich verwendet, mit minimalem Elevale-Branding im Nutzererlebnis. Sie stehen im Mittelpunkt; wir betreiben die Plattform im Hintergrund.
Das Reseller-Programm ist auf Ihre Kundenbeziehungen und Ihre Markteinführungsstrategie ausgerichtet, nicht darauf, Elevale als führende Marke zu fördern.
Kunden nehmen Ihre Marke nur innerhalb des Arbeitsbereichs wahr. Präsentieren Sie in Ihrem Marketing und Vertrieb die Plattform als Ihr Produkt und Ihre Methodik, unter Ihrem Namen und in Ihrem Erscheinungsbild.
White-Label-Reseller dürfen nicht als Elevale-Affiliate auftreten. Eine gemeinsame Markenführung mit unserer Marke ist nur in Ausnahmefällen zulässig, wenn beide Namen auf einem Produkt erscheinen müssen. Informationen dazu finden Sie unter Co-Branding. Andernfalls sollte Elevale nicht in kundenorientierten Werbematerialien oder Marketingkampagnen verwendet werden.
Für die alltägliche White-Label-Konfiguration in der Partnerkonsole ist keine Genehmigung erforderlich. Bitte kontaktieren Sie Elevale vor externen Kampagnen, die Elevale namentlich erwähnen, Otto verwenden oder die Grenzen zwischen Ihrer und unserer Marke verwischen.
Wenn sowohl Elevale als auch eine Partnermarke auf demselben Element (Website-Hero, Slide, Event-Banner) erscheinen, gelten die Regeln für Co-Branding. Affiliates, die ausschließlich Elevale bewerben, sollten den Richtlinien für Affiliates (Affiliates) folgen. Für Reseller-White-Label gelten separate Richtlinien: Resellers.
Laden Sie Logos, Farbreferenzen und Vorlagen aus unserem gemeinsamen Markenordner herunter.
Kurzdefinitionen der in diesen Richtlinien verwendeten Begriffe.
Kurze Antworten zur Anwendung der Marke Elevale in Marketing-, Produkt- und Partnermaterialien.
Verwenden Sie das Farblogo auf weißem oder cremefarbenem Hintergrund. Auf dunklem Hintergrund verwenden Sie das Logo auf dunklem Hintergrund (Farblogo, weiße Wortmarke). Für dunkle App-Benutzeroberflächen oder Bereiche mit geringem Kontrast verwenden Sie das umgekehrte Logo (rein weiß). Siehe Varianten und Verwendung.
Nur bei sehr begrenztem Platz und bereits bekannter Marke: Favicons, kompakte App-Icons oder etablierte In-App-Navigation. Für Slideshows, Anzeigen und Dokumente verwenden Sie bitte das vollständige Logo-Set. Siehe Varianten.
Nein. Farben, Effekte, Drehungen und Verzerrungen des Logos dürfen nicht geändert werden. Verwenden Sie stattdessen eine genehmigte Datei aus dem Brand Kit oder der Logo-Bibliothek.
Halten Sie auf jeder Seite mindestens einen x Freiraum frei, wobei x der Höhe des pinkfarbenen Eckmoduls des Logos entspricht (20 px in Standardgröße). Siehe Anatomie und das Glossar.
Ja, sofern der Kontrast ausreichend ist. Fügen Sie eine helle oder dunkle Hintergrundebene hinter dem Logo hinzu oder verwenden Sie das invertierte Logo auf einem abgedunkelten Bereich. Vermeiden Sie unruhige Hintergründe mit zu geringer Trennung. Siehe Verwendung.
Verwenden Sie Downloads, um das Google Drive Brand Kit (SVG- und PNG-Logos, Farbreferenzen und Vorlagen) zu öffnen. Die neuesten Logo-Versionen finden Sie unter Zur Logo-Bibliothek im Abschnitt Varianten.
Verwenden Sie Co-Branding, wenn beide Marken auf demselben Marketingmaterial (Website, Präsentation, Veranstaltung) erscheinen. Achten Sie auf gleiche visuelle Gewichtung, einen Mindestabstand von 24 Pixeln oder eine Trennlinie und verändern Sie keine der Marken. Siehe Co-Branding. Wiederverkäufer, die ein White-Label-Kundenprodukt vertreiben, sollten stattdessen die Richtlinien für Wiederverkäufer unter Wiederverkäufer beachten.
Wiederverkäufer können die Benutzererfahrung (mit Ihrem Logo, Ihren Farben und Ihrer Domain) anpassen und die Plattform als ihr eigenes Angebot vermarkten. Verwenden Sie für Endkunden kein Elevale-Branding. Ausführliche Informationen finden Sie unter Wiederverkäufer oder auf der Wiederverkäuferprogramm-Seite.
Sie müssen offizielle Elevale-Assets, genehmigte Logos, markenkonforme Botschaften und Ihren Tracking-Link verwenden. Sie dürfen das Logo nicht verändern, White-Label-Produkte verwenden oder bezahlte Kampagnen ohne Genehmigung durchführen. Die Unternehmensrichtlinien finden Sie unter Affiliates und die Programmbedingungen unter Freunde werben.
Verwenden Sie Coolvetica Condensed für Überschriften und Satoshi für Fließtext und Benutzeroberfläche (Schriftstärken 400, 500, 700). Verwenden Sie keine ähnlich aussehenden Schriftarten. Laden Sie Coolvetica und Satoshi von Google Drive herunter oder sehen Sie sich Display und Body an.
Für Kampagnen, Merchandise-Artikel oder hier nicht aufgeführte Verwendungszwecke kontaktieren Sie Elevale bitte vor der Veröffentlichung über die Kontaktseite. Fügen Sie Mock-ups und die vorgesehenen Kanäle bei, damit wir die passende Logovariante und das Co-Branding-Konzept abstimmen können.
Wenn er eine Lösung verkörpert: Klarheit, Energie, Freude und zielgerichtete Führung – kein Problem, Maskottchen oder Requisite. Lesen Sie Otto für Kontext und Genehmigungsregeln und kontaktieren Sie dann das Markenteam vor der externen Veröffentlichung.