Inhalt
Sektionen und Blöcke
Eigene Kapitel aus Vorlagen und Bausteinen.
Logo, Farben und Schriften sind das Fundament. Alles, was die Marke im Alltag trägt, baust du aus eigenen Sektionen: Bildwelt, Tone of Voice, Anwendungen. Jede Sektion ist ein Kapitel im Guide mit eigenem Eintrag in der Navigation.
Eine Sektion anlegen
- Unter der Kapitelliste «+ Sektion» wählen.
- Eine Vorlage aussuchen. Sie legt Titel und passende leere Blöcke an.
- Die Blöcke füllen. Die grauen Hinweise in leeren Blöcken sagen, was hineingehört, und erscheinen nie im Guide.
Jede Sektion hat einen Titel und einen kurzen Introtext, der beim Scrollen mit dem Titel stehen bleibt.
Vorlagen
Bildwelt
Stimmung, Motive und Bearbeitung der Fotografie. Mit Bildgalerie, Merkmalen und Do's & Don'ts.
Tone of Voice
Wie die Marke spricht und schreibt. Mit Leitsatz, Eigenschaften, Formulierungen im Vergleich und Schreibregeln.
Iconografie
Stil, Raster und Einsatz der Icons.
Formsprache
Grafische Elemente, Muster, Flächen. Woher sie kommen und wie man sie einsetzt.
Layout & Raster
Satzspiegel, Raster, Formate.
Anwendungen
Die Marke im Einsatz, von Print bis Fahrzeug.
Motion
Bewegung, Animation, Video.
Social Media
Profile, Formate und Beiträge.
Für die Entwicklung
Design Tokens für Websites und Apps. Mit Zwischentitel, einer Notiz, wie ihr die Tokens nutzt, und dem Block «Design Tokens». Den Block zeigt der Guide ab dem Abo Pro.
Leere Sektion
Ohne Vorgaben, du wählst die Blöcke selbst.
Blöcke
Bewusst wenige, jeder mit einem klaren Zweck. «Block hinzufügen» unter den Blöcken zeigt die Auswahl. Kein Feld in einem Block ist Pflicht, ein leerer Block erscheint im Guide einfach nicht.
Zwischentitel
Gliedert eine Sektion in Abschnitte.
Zwei Spalten
Links und rechts je Text, Bild oder Farben. Bleibt eine Seite leer, wird der Inhalt vollbreit. So entsteht auch ein Bild über die ganze Breite.
Hinweis oder Zitat
Hebt eine Regel, einen Leitsatz oder ein Zitat hervor. Ein Zitat bekommt auf Wunsch eine Quelle, etwa Name und Funktion.
Do's & Don'ts
Richtig und falsch gegenübergestellt, mit oder ohne Bild. Bei Tone of Voice ist der Text selbst das Beispiel.
Bildgalerie
Mehrere Bilder auf einmal hochladen, Reihenfolge per Ziehen, zwei bis vier Spalten.
Anwendungsbeispiele
Bilder mit Bildunterschrift, die die Marke im Einsatz zeigen.
Video
Ein eigenes Video bis 48 MB, aufbereitet für Handy, Desktop und grosse Bildschirme. Optional mit Vorschaubild, das erscheint, solange das Video lädt.
Embed
Ein Link aus der Adresszeile oder ein Embed-Code von Figma, YouTube, Vimeo, Loom, Google Slides, Docs und Drive, Miro, Canva, Pitch, Spotify, SoundCloud, Sketchfab oder einer Seite von OHO Design. Andere Seiten lassen sich nicht einbinden, eine fremde Seite im Guide könnte etwa eine echte Login-Maske nachbauen. Im Guide lädt der Inhalt erst nach einem Klick, vorher fliessen keine Daten an den Anbieter.
Design Tokens
Farben und Schriften des Guides als JSON und CSS, zum Kopieren und Herunterladen. Der Block hat keine Felder, der Inhalt entsteht automatisch aus Farben und Typografie. Ab dem Abo Pro, mehr unter Farben.
Ordnen, ausblenden, löschen
Blöcke verschiebst du am Griff, Sektionen in der Kapitelliste. Oben rechts in jeder Sektion steht das Auge, «Im Guide sichtbar» oder «Im Guide ausgeblendet», daneben «Sektion löschen». Gelöscht ist sie, sobald du speicherst.
Fehlt etwas oder stimmt etwas nicht mehr? Schreib uns an hi@gilt.ch.