Colori

La nostra palette primaria costituisce la maggior parte della nostra creatività e dovrebbe rappresentare le tonalità più forti in ogni pezzo.

Per flessibilità, le 3 palette di colori principali sono disponibili in diverse tonalità. Non colorare o aggiungere trasparenza e utilizzare le tonalità così come sono.

Per accentuare la nostra palette primaria abbiamo anche una serie di palette elettriche per comunicare il movimento e attirare l'attenzione su aree specifiche. I colori d'accento non devono mai essere utilizzati come grandi macchie di colore e devono costituire meno del 5% del layout.

L'attenta selezione del colore e del suo contesto è fondamentale per dare forma alla narrazione creativa, evocare emozioni e garantire l'armonia visiva tra gli elementi del design. Usate il colore dei caratteri per creare un'esperienza di lettura confortevole e usate il colore per evocare l'azione. Non utilizzate mai un colore d'azione come titolo. Riservate il blu all'azione e ai link ed evitate di usarlo per i caratteri statici. Assicuratevi di rivedere le linee guida sull'accessibilità per i requisiti di contrasto dei caratteri.

I gradienti aggiungono un senso di profondità e aiutano a comunicare la stratificazione all'interno della composizione. Possono anche essere usati per sfumare e colorare le aree tipografiche. Utilizzate il colore graduato per attirare l'occhio dell'osservatore in una direzione attraverso il contenuto.

Quando si costruiscono i gradienti, cercare di mantenere l'effetto sottile e utilizzare una palette in modo saltuario, saltando una fase di colore in un gruppo di tonalità per dare definizione. Mescolare i gruppi di colori può essere un modo per dare dinamismo al colore di un pezzo. Evitate di usare gradienti pesanti come grandi macchie di colore su un pezzo.

Per creare il nostro effetto elettrico, utilizzate le linee guida riportate di seguito per garantire un aspetto coerente tra le diverse esperienze.

Utilizzate le tonalità di un gruppo di colori e costruite il vostro gruppo di icone come mostrato di seguito. Tecniche simili possono essere utilizzate per altre forme di illustrazione, come linee o bordi. Le dimensioni e l'opacità del bagliore e della luce spot dovranno essere in scala con la grafica o il testo per rendere l'effetto sottile e pulito.

Per i caratteri, si possono utilizzare le stesse combinazioni di colori, prestando però molta attenzione all'accessibilità. Evitate di usare questa tecnica su caratteri grandi, in grassetto o minuscoli. Regolare i faretti opzionali in modo che si adattino al blocco di testo.

Le specifiche indicate sono per Figma. È necessario apportare modifiche per ottenere una corrispondenza visiva con le nostre applicazioni.