Risorse di design e per il brand

Genera scale cromatiche e confronta il contrasto per progettare interfacce accessibili.

Esplora le armonie cromatiche e crea palette con gli strumenti pubblici di Adobe.

Famiglie di caratteri gratuite progettate per distinguere meglio forme di lettere simili.

Fondamenti, componenti e linee guida per le interfacce pubblicati da Atlassian.

Genera sfondi vettoriali per siti, diapositive e immagini di prodotto.

Icone per interfacce open source disponibili come SVG, sprite e font di icone.

Icone gratuite per interfacce; la fonte illustra i requisiti di attribuzione e le licenze dei componenti.

Hosting di font attento alla privacy e catalogo di caratteri open source.

Fotografie stock gratuite organizzate per utilizzi aziendali ed e-commerce.

Esplora palette selezionate e copia i valori dei colori per definire la direzione visiva del marchio.

Verifica la leggibilità delle coppie di colori e regolale in base agli obiettivi di contrasto.

Esplora palette con un generatore gratuito nel browser; le funzioni premium sono separate.

Abbozza in collaborazione flussi di prodotto, diagrammi di architettura e idee iniziali.

Semplici icone SVG a contorno, con dimensioni e colori adattabili all’interfaccia.

Il piano Starter gratuito di Figma per esplorare il design di interfacce; si applicano limiti alla collaborazione.

Cerca nella raccolta gratuita di icone, distinta dal catalogo Pro a pagamento.

Esplora famiglie di caratteri con licenze aperte e verifica la licenza di ciascuna.

Esplora combinazioni di font gratuiti per siti web e tipografia del marchio.

Caratteri gratuiti di Indian Type Foundry per progetti personali e commerciali.

Modelli di servizio accessibili, componenti e linee guida di design basate sulla ricerca.

Modelli di interfaccia e componenti di base open source di GitHub.

Famiglie di caratteri open source per siti, app e tipografia del marchio.

Genera sfondi SVG, onde, forme e composizioni a livelli nel browser.

Visualizza le palette su una pagina di esempio prima di scegliere quella del marchio.

Componenti accessibili senza stili predefiniti per interfacce React e Vue.

Pattern SVG ripetuti con colori di primo piano e sfondo regolabili.

Icone di interfaccia a contorno e piene del team di Tailwind CSS.

Una libreria modulare di illustrazioni di persone con pose e abiti personalizzabili.

Un design system open source con componenti, modelli e indicazioni sull’accessibilità.

Caratteri open source sans serif, serif e monospaziati per sistemi di prodotto e di marchio.

Crea scene illustrate con personaggi, oggetti e sfondi riutilizzabili.

Icone SVG open source con librerie per i framework. Scegli alla fonte i materiali per il tuo prossimo prodotto o lancio.

Un carattere variabile progettato per interfacce di prodotto leggibili.

Icone a contorno coerenti, con download SVG e pacchetti per i framework.

Una galleria gratuita di illustrazioni per siti, presentazioni e contenuti di marketing.

Linee guida, componenti e modelli di design pubblicati da Google per i prodotti digitali.

La famiglia di simboli variabili di Google, con spessore e riempimento regolabili.

Fotografie gratuite di persone nere e dalla pelle scura per immagini più rappresentative.

Icone open source di GitHub per interfacce di prodotto e strumenti per sviluppatori.

Illustrazioni disegnate a mano e riutilizzabili con CC0. Scegli alla fonte i materiali per il tuo prossimo prodotto o lancio.

Una libreria di illustrazioni di personaggi combinabili per presentazioni e scene di prodotto.

Token di design CSS open source per spaziatura, tipografia, colori e movimento.

Una directory per categorie di strumenti, risorse grafiche e materiali didattici di design con licenze aperte.

Uno strumento open source per il design di interfacce, con piano gratuito e opzioni di hosting autonomo.

Una famiglia di icone con più spessori per interfacce, diagrammi e presentazioni.

Un editor di immagini gratuito nel browser per grafica a livelli, mockup e formati di design comuni.

Icone compatte progettate per interfacce di prodotto dense di informazioni.

Elementi di base per interfacce accessibili e senza stili predefiniti, per costruire un design system di prodotto.

Visualizza in anteprima combinazioni di caratteri e colori nel layout di un sito di esempio.

Una raccolta coerente di icone per interfacce web e mobili. Scegli alla fonte i materiali per il tuo prossimo prodotto o lancio.

Personalizza e scarica la raccolta di sfondi e pattern esplicitamente gratuiti.

Ottimizza visivamente i file SVG e controlla la variazione di dimensioni prima di scaricarli.

Linee guida e componenti pubblicati da Shopify per interfacce di prodotto rivolte ai commercianti.

Loghi di marchi in SVG; verifica le linee guida di ciascun marchio per l’uso e i diritti sui segni distintivi.

Comprimi le immagini e confronta i formati nel browser prima di pubblicare un sito.

Illustrazioni gratuite personalizzabili con obbligo di attribuzione.

Un’ampia raccolta di icone SVG per interfacce, con pacchetti per i framework.

Caratteri indipendenti open source con licenze specifiche per ciascun font.

Esplora scale modulari di dimensioni dei caratteri per titoli e testo con lo strumento gratuito.

Trova consigli su font gratuiti e segui i link alle fonti per verificarne le licenze.

Componenti e linee guida di design accessibile del governo statunitense.

Verifica il contrasto tra primo piano e sfondo rispetto ai rapporti previsti dalle WCAG.

Trova contenuti multimediali riutilizzabili con licenze e informazioni di attribuzione specifiche per ogni file.

Icone leggere distribuite come CSS, SVG e componenti per i framework.

Crea diagrammi e diagrammi di flusso con un editor gratuito che supporta file locali.

Una libreria di illustrazioni open source per siti e schermate di prodotto.

Componenti di interfaccia open source da copiare e adattare nel proprio codice.

Illustrazioni modificabili per landing page e spiegazioni di prodotto.

Fluent 2 Design System offre riferimenti di design o accessibilità. Le licenze di codice, documentazione e risorse grafiche possono differire; consulta i link originali prima del riutilizzo.

Ant Design offre riferimenti di design o accessibilità. Le licenze di codice, documentazione e risorse grafiche possono differire; consulta i link originali prima del riutilizzo.

PatternFly offre riferimenti di design o accessibilità. Le licenze di codice, documentazione e risorse grafiche possono differire; consulta i link originali prima del riutilizzo.

Zendesk Garden offre riferimenti di design o accessibilità. Le licenze di codice, documentazione e risorse grafiche possono differire; consulta i link originali prima del riutilizzo.

W3C Web Accessibility Tutorials offre riferimenti di design o accessibilità. Le licenze di codice, documentazione e risorse grafiche possono differire; consulta i link originali prima del riutilizzo.

Radix Colors offre riferimenti di design o accessibilità. Le licenze di codice, documentazione e risorse grafiche possono differire; consulta i link originali prima del riutilizzo.