Beschreibung: Dieses Tool ermöglicht es, die visuelle Identität und den grafischen Stil (Farben, Schriftarten, Layout) Ihres gesamten Framework360-Systems zu definieren und sorgt für Konsistenz zwischen Website und Kommunikation.
Wozu dient es? (Praktische Beispiele)
Verwenden Sie es, um:
- Sicherzustellen, dass alle grafischen Elemente (Schaltflächen, Überschriften, Links) die Unternehmensfarben und das Branding einhalten.
- Die Typografie (Schriftart und Größe) einzustellen, um die Lesbarkeit der Website und der Kommunikation zu verbessern.
- Das Erscheinungsbild des Systems schnell über die automatische Stilerstellung basierend auf künstlicher Intelligenz zu definieren.
Hauptfunktionen
1. Stilgenerierung durch AI
Es ist möglich, automatisch ein Set von Grundfarben und -stilen zu generieren, indem Sie auf die Schaltfläche "Genera stile tramite AI" klicken. Das System führt Sie durch einen schnellen Erstellungsprozess und ermöglicht eine Vorschau, bevor das Design angewendet wird.
2. Allgemeine Einstellungen
- Contenitore: Definiert die maximale Inhaltsbreite (in Pixel) für verschiedene Bildschirmgrößen (Extra Large, Large, Medium, Small).
- Colori: Ermöglicht das Festlegen der vordefinierten Farbpalette des Systems (z.B. Primär, Sekundär, Erfolg, Fehler) über ein Farbauswahlwerkzeug. Diese Farben stehen im gesamten System zur Verfügung.
3. Typografie und Stile
- Titoli (H1-H6): Ermöglicht die Definition einer spezifischen Schriftart, Farbe, Zeilenhöhe und Größe (in Pixel) für jede Überschriftsstufe von H1 bis H6.
- Corpo Pagina: Legt die Hauptschriftart, Größe und Zeilenhöhe für Standardtext sowie Textfarbe und Seitenhintergrundfarbe fest.
- Logo: Ermöglicht das Festlegen einer vordefinierten Breite (in Pixel) für das Firmenlogo.
- Link: Definiert die Farbe der Hyperlinks sowie die Farbe beim Überfahren mit der Maus (Hover-Zustand).
4. Hintergrundverwaltung
Wenn Sie ein Hintergrundbild für den Seitenkörper verwenden möchten, können Sie erweiterte Optionen konfigurieren:
- Immagine di sfondo: Hochladen einer Bilddatei.
- Dimensione: Anzeige-Modus des Bildes (z.B.
cover,contain,auto). - Ripeti: Ob das Bild wiederholt werden soll (vertikal, horizontal oder zur Flächenausfüllung).
- Posizione: Wo das Bild innerhalb der Seite verankert sein soll (z.B. Mitte, oben links).
- Attaccamento: Ob das Bild mit der Seite scrollen (
scroll) oder fixiert bleiben soll (fixed).
5. Benutzerdefinierte Schriftarten
Sie können Ihre eigenen Firmenschriften (.ttf oder .otf) hochladen. Nach dem Hochladen sind diese Schriftarten sofort im Schriftartauswahlmenü für Überschriften und Seiteninhalt verfügbar.
6. Button-Stile
Dieser erweiterte Bereich erlaubt es Ihnen, das Aussehen aller vordefinierten Systembuttons anzupassen (basierend auf den in "Colori" definierten Farben). Ein visueller Editor ermöglicht eine detaillierte Gestaltung von Stilmerkmalen wie Rahmen, Schatten sowie Hintergrund- und Textfarben für jeden Button-Typ.
Konfiguration
Alle Einstellungen sind in Abschnitten innerhalb des Bearbeitungsmoduls organisiert. Nach Änderungen müssen Sie auf die standardmäßige Speichern-Schaltfläche des Systems klicken.
| Abschnitt | Konfigurationsoption | Beschreibung |
|---|---|---|
| Generali | Larghezza Contenitore | Legt die maximale Inhaltsbreite für Geräte fest (Extra Large, Large, Medium, Small). |
| Generali | Colori (Primario, Successo etc.) | Definition der Hauptfarbpalette des Systems. |
| Titoli (H1-H6) | Font, Colore, Dimensione | Auswahl der Schriftart und visuellen Eigenschaften aller Überschriften. |
| Corpo Pagina | Font, Dimensione, Colore | Einstellungen für den Haupttext der Seite. |
| Corpo Pagina | Sfondo e Immagine | Definition der Hintergrundfarbe sowie Hochladen/Verwaltung eines Hintergrundbilds. |
| Logo | Larghezza predefinita | Standardgröße des Logos in Pixeln. |
| Link | Colore e Colore Hover | Definition der Linkfarbe im Normalzustand und beim Mouseover. |
| Caratteri Personalizzati | Caricamento Font | Hochladen von .ttf/.otf-Dateien zur Nutzung im System. |
| Pulsanti | Stile per tipo | Erweiterte Anpassung des Aussehens jeder Button-Art (z.B. Primärbutton, Warnbutton). |
Automatische Integrationen
Konsistenz bei Transaktions-E-Mails
Die in diesem Modul definierten Stil- und Farbeinstellungen werden automatisch verwendet, um E-Mails zu formatieren, die vom System versendet werden (wie Benachrichtigungen oder Kommunikationsvorlagen). Dies gewährleistet ein einheitliches grafisches Erscheinungsbild Ihrer E-Mails entsprechend Ihrer Website.
