Marke und Erscheinungsbild
Name, Logo, Farben und Schrift von ioBroker, für alle, die etwas mit dem Namen gestalten: Adapter-Autoren, Presse, Vorträge, Videos.
Schreibweise
ioBroker schreibt sich zusammen, mit kleinem i und großem B. Immer, auch am Satzanfang.
| Richtig | Falsch |
|---|---|
| ioBroker | IoBroker, IOBroker, Iobroker, io-Broker, io Broker |
| ioBroker.vis, ioBroker.iot | ioBroker VIS, IoBroker-IoT |
In Domains und Paketnamen ist alles klein: iobroker.net, iobroker.pro,
npm i iobroker.javascript. Adapternamen stehen so da, wie sie im Repository
heißen, also klein: javascript, node-red, scenes.
Logo
Drei Bestandteile, die getrennt verwendet werden dürfen:
- Die Bildmarke, der Kreis mit dem i, dort wo wenig Platz ist: Favicon, App-Symbol, Profilbild, Kopfzeile.
- Die Wortmarke, der Schriftzug ioBroker, dort wo die Marke zum ersten Mal auftritt und Platz hat.
- Die kombinierte Marke, bei der die Bildmarke an die Stelle des io tritt: die Fassung für Banner, Titelbilder und Aufsteller.
- Der Claim Automate your life!, unter der Wortmarke und unübersetzt.
Herunterladen
| Datei | Format | |
|---|---|---|
| Bildmarke | SVG, PNG 512 px | |
![]() | Wortmarke | SVG, PNG 1200 px |
![]() | Kombinierte Marke | SVG, PNG 1200 px |
| Alles zusammen | ZIP |
Farben
Zwei Blautöne tragen die Marke:
| Rolle | Wert | Wofür |
|---|---|---|
| Markenblau | #1D90CA | Kennzeilen, Verweise, Nummern, aktive Elemente |
| Dunkles Blau | #005894 | gefüllte Knöpfe, Überschriften und Text auf hellem Grund |
Die Flächen steigen in vier Stufen aus dem Seitengrund auf. Sie ersetzen Rahmen: eine Karte hebt sich durch ihre Fläche ab, nicht durch eine Linie.
| Stufe | Dunkel | Hell |
|---|---|---|
| Seite | #080B1C | #FFFFFF |
| Fläche | #031D38 | #E6EEF7 |
| Gehoben | #052E57 | #D6E4F2 |
| Überlagerung | #06386B | #C8DAEC |
Schrift
| Schrift | Wofür | Schnitte |
|---|---|---|
| Audiowide | Überschriften, Knöpfe, Zahlen, Kennzeilen | Regular |
| Roboto | Fließtext, Beschriftungen, Tabellen | Regular, Bold |
Audiowide ist die Stimme der Marke und wird sparsam eingesetzt: eine Überschrift, ein Knopf, eine Zahl. Ein ganzer Absatz in Audiowide ist ein Fehler.

