Ressources de design et de marque

Générez des gammes de couleurs et comparez les contrastes pour concevoir des interfaces accessibles.

Explorez les harmonies de couleurs et créez des palettes avec les outils publics d’Adobe.

Des familles de caractères gratuites conçues pour mieux distinguer les lettres de forme similaire.

Les fondements, composants et recommandations de conception d’interfaces publiés par Atlassian.

Générez des arrière-plans vectoriels pour les sites, les diapositives et les visuels produit.

Des icônes d’interface open source disponibles en SVG, en sprites et en police d’icônes.

Des icônes d’interface gratuites ; la source précise les obligations d’attribution et les licences des composants.

Un hébergement de polices axé sur la confidentialité et un catalogue de polices open source.

Des photos de banque d’images gratuites, classées par usages professionnels et e-commerce.

Parcourez des palettes sélectionnées et copiez les valeurs de couleur pour définir l’orientation visuelle d’une marque.

Vérifiez la lisibilité des paires de couleurs et ajustez-les selon vos objectifs de contraste.

Explorez des palettes avec un générateur gratuit dans le navigateur ; les fonctions premium sont distinctes.

Esquissez à plusieurs des parcours produit, des schémas d’architecture et des premières idées.

Des icônes SVG au trait simples, dont la taille et la couleur s’adaptent à votre interface.

Le forfait Starter gratuit de Figma pour découvrir la conception d’interfaces, avec des limites de collaboration.

Recherchez dans la collection gratuite d’icônes, distincte du catalogue Pro payant.

Parcourez des familles de polices sous licence ouverte et consultez la licence de chacune.

Explorez des associations de polices gratuites pour les sites et la typographie de marque.

Des polices gratuites d’Indian Type Foundry pour les projets personnels et commerciaux.

Des modèles de services accessibles, des composants et des recommandations de conception fondées sur la recherche.

Les modèles d’interface et les composants de base open source de GitHub.

Des familles de polices open source pour les sites, les applications et la typographie de marque.

Générez des arrière-plans SVG, des vagues, des formes et des compositions en couches dans le navigateur.

Visualisez les palettes sur une page d’exemple avant de choisir celle de votre marque.

Des composants accessibles sans style imposé pour les interfaces React et Vue.

Des motifs SVG répétitifs dont les couleurs de premier plan et d’arrière-plan sont réglables.

Des icônes d’interface au trait et pleines créées par l’équipe Tailwind CSS.

Une bibliothèque modulaire d’illustrations de personnes aux poses et vêtements personnalisables.

Un système de design open source avec des composants, des modèles et des recommandations d’accessibilité.

Des polices open source sans empattement, avec empattement et à chasse fixe pour les systèmes de produit et de marque.

Composez des scènes illustrées à partir de personnages, d’objets et d’arrière-plans réutilisables.

Des icônes SVG open source avec des bibliothèques pour les frameworks. Choisissez à la source les éléments de votre prochain produit ou lancement.

Une police variable conçue pour la lisibilité des interfaces produit.

Des icônes au trait cohérentes, disponibles en SVG et en paquets pour les frameworks.

Une galerie gratuite d’illustrations pour les sites, les présentations et les contenus marketing.

Les recommandations, composants et modèles de conception publiés par Google pour les produits numériques.

La famille de symboles variables de Google, avec graisse et remplissage réglables.

Des photos gratuites de personnes noires et métisses pour des visuels plus représentatifs.

Les icônes open source de GitHub pour les interfaces produit et les outils de développement.

Des illustrations dessinées à la main, réutilisables sous CC0. Choisissez à la source les éléments de votre prochain produit ou lancement.

Une bibliothèque d’illustrations de personnages à combiner pour les présentations et les scènes produit.

Des variables de design CSS open source pour l’espacement, la typographie, la couleur et les animations.

Un répertoire classé par catégories d’outils, de ressources graphiques et de supports d’apprentissage du design sous licence ouverte.

Un outil de conception d’interfaces open source avec une offre gratuite et des possibilités d’auto-hébergement.

Une famille d’icônes en plusieurs graisses pour les interfaces, les schémas et les présentations.

Un éditeur d’images gratuit dans le navigateur pour les visuels en calques, les maquettes et les formats de design courants.

Des icônes compactes conçues pour les interfaces produit denses.

Des briques d’interface accessibles, sans style imposé, pour construire un système de design produit.

Prévisualisez des associations de typographies et de couleurs sur une maquette de site.

Une collection cohérente d’icônes pour les interfaces web et mobiles. Choisissez à la source les éléments de votre prochain produit ou lancement.

Personnalisez et téléchargez les arrière-plans et motifs explicitement proposés gratuitement.

Optimisez visuellement les fichiers SVG et examinez la variation de taille avant le téléchargement.

Les recommandations et composants publiés par Shopify pour les interfaces produit destinées aux commerçants.

Des logos de marques en SVG ; consultez les règles d’utilisation et de marque déposée de chaque marque.

Compressez les images et comparez les formats dans le navigateur avant de publier un site.

Des illustrations gratuites personnalisables avec obligation d’attribution.

Une vaste collection d’icônes SVG d’interface, avec des paquets pour les frameworks.

Des polices indépendantes open source, chacune avec sa propre licence.

Explorez des échelles modulaires de tailles de police pour les titres et le corps du texte avec cet outil gratuit.

Trouvez des recommandations de polices gratuites et suivez les liens pour consulter leurs licences.

Des composants et recommandations de design accessible du gouvernement américain.

Vérifiez le contraste entre les couleurs de premier plan et d’arrière-plan selon les ratios WCAG.

Trouvez des médias réutilisables avec, pour chaque fichier, sa licence et ses informations d’attribution.

Des icônes légères distribuées en CSS, en SVG et en composants pour les frameworks.

Créez des schémas et des organigrammes avec un éditeur gratuit offrant des options de fichiers locaux.

Une bibliothèque d’illustrations open source pour les sites et les écrans produit.

Des composants d’interface open source à copier et à adapter dans votre propre base de code.

Des illustrations modifiables pour les pages de destination et les explications produit.

Fluent 2 Design System propose des références de design ou d’accessibilité. Les licences du code, des documents et des éléments graphiques peuvent différer ; consultez les liens d’origine avant réutilisation.

Ant Design propose des références de design ou d’accessibilité. Les licences du code, des documents et des éléments graphiques peuvent différer ; consultez les liens d’origine avant réutilisation.

PatternFly propose des références de design ou d’accessibilité. Les licences du code, des documents et des éléments graphiques peuvent différer ; consultez les liens d’origine avant réutilisation.

Zendesk Garden propose des références de design ou d’accessibilité. Les licences du code, des documents et des éléments graphiques peuvent différer ; consultez les liens d’origine avant réutilisation.

W3C Web Accessibility Tutorials propose des références de design ou d’accessibilité. Les licences du code, des documents et des éléments graphiques peuvent différer ; consultez les liens d’origine avant réutilisation.

Radix Colors propose des références de design ou d’accessibilité. Les licences du code, des documents et des éléments graphiques peuvent différer ; consultez les liens d’origine avant réutilisation.