Temi / White labeling

Tue Oct 01 2024

Impostazioni del tema

Nella pagina di configurazione del tema, puoi personalizzare l’aspetto del tuo ambiente. Cambia le immagini di sfondo, carica loghi e regola elementi di branding come colori e tipografia per adattarli al tuo stile unico. Adatta l’interfaccia utente per riflettere l’identità della tua azienda, garantendo un’esperienza coerente per gli utenti nella tua piattaforma. Le impostazioni del tema sono divise in 3 sezioni principali: Branding, Colori Generali e Colori del Modello.

  • Branding: Qui puoi personalizzare gli elementi visivi chiave del tuo ambiente, inclusi sfondi dell’intestazione, loghi e miniature. Questo ti permette di creare un’identità di marca coerente nella piattaforma.
  • Colori Generali: Personalizza tutti i colori dell’applicazione per entrambe le modalità Chiara e Scura, dandoti effettivamente due impostazioni di tema complete per ogni ambiente.
  • Colori del Modello: Qui puoi personalizzare i colori degli attributi di modellazione. Questo è utile quando vuoi avere un colore diverso per i modelli rispetto al resto dell’applicazione.

Personalizza il tuo ambiente

Qui puoi personalizzare gli elementi visivi chiave del tuo ambiente, inclusi sfondi dell’intestazione, loghi e miniature. Questo ti permette di creare un’identità di marca uniforme sulla piattaforma. Che tu stia aggiornando il logo della tua azienda o impostando uno sfondo personalizzato, questi strumenti ti aiutano a perfezionare l’aspetto della tua applicazione.

Personalizza il tuo tema con un branding su misura

info

Visualizza sempre in anteprima e testa le selezioni delle immagini per assicurarti che corrispondano al tema generale e offrano un’esperienza utente fluida.

Colori generali dell’app

Personalizza i colori dell’applicazione per entrambe le modalità Chiara e Scura, dandoti effettivamente due impostazioni di tema complete per ogni ambiente. Assicurati di testare con attenzione le tue modifiche per garantire un buon contrasto tra testi e sfondi per una leggibilità ottimale e un’esperienza utente eccellente. Con questa flessibilità, puoi adattare completamente l’aspetto della tua piattaforma per rispecchiare l’identità del tuo marchio nei diversi modi.

Personalizza il tuo tema

Colori del modello di processo

Personalizza i colori dell’oggetto di modellazione e della tela per entrambe le modalità Chiara e Scura, dandoti effettivamente due impostazioni di tema complete per ogni ambiente. Assicurati di testare con attenzione le tue modifiche per garantire un buon contrasto tra testi e sfondi per una leggibilità ottimale e un’esperienza utente eccellente. Con questa flessibilità, puoi adattare completamente l’aspetto della tua piattaforma per rispecchiare l’identità del tuo marchio nei diversi modi.

Personalizza il tuo tema

Colori del Dataset

Gli attributi ai quali sono associati dati adotteranno automaticamente il colore del dataset specificato nel modeler. Questo aiuta a distinguere visivamente gli attributi con collegamenti dati attivi. I colori menzionati sopra sono quelli predefiniti per gli attributi senza dati associati.

Aiuti visivi

image Se hai apportato modifiche al tema, lo sfondo del colore indicherà che sono state fatte modifiche a quel particolare attributo.

image Per modificare un colore, clicca su un cerchio colorato per il tema scelto (Chiara o Scura). Apparirà un selettore di colori, che ti permetterà di selezionare una tonalità o di inserire un valore HEX / RGB / HSL. Se non sei sicuro dei valori del colore, usa l‘“Icona Pipetta” per selezionare un colore da qualsiasi punto dello schermo. Gli aggiornamenti avvengono immediatamente.

Esempio di un tema

Scopri diversi modi per trasformare il tema della tua applicazione. Qui, il tema originale è stato personalizzato per mostrare variazioni blu e verdi.

Dall’Originale

image

Al Blu

Le modifiche apportate sono state Colore del Testo, Colore del Corpo, Colore del Pannello (chiaro), Immagine del Logo, Testo del Logo e BG dell’Intestazione.

image

Al Verde Matrix

”Scelta. Il problema è la scelta” – Neo (The Matrix Reloaded)

image

Colori del Modello di Processo

Regola i colori degli attributi di modellazione per differenziarli dal resto dell’applicazione. Questo garantisce un aspetto distintivo per i tuoi modelli.

image