Design- und Markenressourcen

Erstellen Sie Farbskalen und vergleichen Sie Kontraste für barrierefreie Oberflächen.

Entdecken Sie Farbharmonien und erstellen Sie Paletten mit den öffentlich zugänglichen Farbwerkzeugen von Adobe.

Kostenlose Schriftfamilien, die das Unterscheiden ähnlicher Zeichenformen erleichtern.

Öffentliche Grundlagen, Komponenten und Gestaltungsrichtlinien für Oberflächen von Atlassian.

Erstellen Sie Vektorhintergründe für Websites, Präsentationen und Produktgrafiken.

Open-Source-Oberflächensymbole als SVG, Sprite und Icon-Schrift.

Kostenlose Oberflächensymbole; die Quelle erläutert Namensnennung und Komponentenlizenzen.

Datenschutzorientiertes Font-Hosting und ein Katalog quelloffener Schriften.

Kostenlose Stockfotos, geordnet nach Anwendungsfällen für Unternehmen und E-Commerce.

Durchsuchen Sie kuratierte Farbpaletten und kopieren Sie Farbwerte für die Gestaltung Ihrer Marke.

Prüfen Sie die Lesbarkeit von Farbpaaren und passen Sie sie an Ihre Kontrastziele an.

Entdecken Sie Farbpaletten mit einem kostenlosen Browser-Generator; Premiumfunktionen sind separat erhältlich.

Skizzieren Sie gemeinsam Produktabläufe, Architekturdiagramme und erste Konzepte.

Schlichte SVG-Kontursymbole, deren Größe und Farbe Sie an Ihre Oberfläche anpassen können.

Der kostenlose Starter-Tarif von Figma zum Erkunden des Oberflächendesigns; die Zusammenarbeit unterliegt Beschränkungen.

Durchsuchen Sie die kostenlose Symbolsammlung, getrennt vom kostenpflichtigen Pro-Katalog.

Durchsuchen Sie offen lizenzierte Schriftfamilien und prüfen Sie die jeweilige Lizenz.

Entdecken Sie kostenlose Schriftkombinationen für Websites und Markentypografie.

Kostenlose Schriften von Indian Type Foundry für private und kommerzielle Projekte.

Barrierefreie Servicemuster, Komponenten und forschungsbasierte Gestaltungsrichtlinien.

Quelloffene Oberflächenmuster und Komponentengrundlagen von GitHub.

Quelloffene Schriftfamilien für Websites, Apps und Markentypografie.

Erstellen Sie SVG-Hintergründe, Wellen, Formen und mehrschichtige Kompositionen im Browser.

Sehen Sie sich Farbpaletten auf einer Beispielseite an, bevor Sie die Palette für Ihre Marke wählen.

Barrierefreie Komponenten ohne vorgegebenes Styling für React- und Vue-Oberflächen.

Wiederholbare SVG-Muster mit anpassbaren Vorder- und Hintergrundfarben.

Kontur- und gefüllte Oberflächensymbole vom Tailwind-CSS-Team.

Eine modulare Bibliothek mit Personenillustrationen und anpassbaren Posen und Kleidungsstücken.

Ein Open-Source-Designsystem mit Komponenten, Mustern und Richtlinien zur Barrierefreiheit.

Quelloffene serifenlose, Serifenschriften und Monospace-Schriften für Produkt- und Markensysteme.

Erstellen Sie Illustrationsszenen aus wiederverwendbaren Figuren, Objekten und Hintergründen.

Quelloffene SVG-Symbole mit passenden Framework-Bibliotheken. Wählen Sie auf der Quellseite Materialien für Ihr nächstes Produkt oder Ihren nächsten Launch.

Eine variable Schrift für gut lesbare Produktoberflächen.

Einheitliche Kontursymbole mit SVG-Downloads und Framework-Paketen.

Eine kostenlose Illustrationsgalerie für Websites, Präsentationen und Marketinginhalte.

Öffentliche Gestaltungsrichtlinien, Komponenten und Muster von Google für digitale Produkte.

Googles variable Symbolfamilie mit anpassbarer Strichstärke und Füllung.

Kostenlose Fotos von Schwarzen Menschen und People of Color für repräsentativere Bildwelten.

GitHubs Open-Source-Symbole für Produkt- und Entwickleroberflächen.

Handgezeichnete Illustrationen zur Wiederverwendung unter CC0. Wählen Sie auf der Quellseite Materialien für Ihr nächstes Produkt oder Ihren nächsten Launch.

Eine Bibliothek frei kombinierbarer Figurenillustrationen für Präsentationen und Produktszenen.

Open-Source-Designtokens in CSS für Abstände, Typografie, Farben und Bewegung.

Ein nach Kategorien geordnetes Verzeichnis offen lizenzierter Designwerkzeuge, Materialien und Lernressourcen.

Ein quelloffenes Werkzeug für Oberflächendesign mit kostenlosem Tarif und Optionen zum Selbsthosten.

Eine Symbolfamilie mit mehreren Strichstärken für Oberflächen, Diagramme und Präsentationen.

Ein kostenloser Bildeditor im Browser für Grafiken mit Ebenen, Mockups und gängige Designformate.

Kompakte Symbole für informationsreiche Produktoberflächen.

Barrierefreie Oberflächenbausteine ohne vorgegebenes Styling zum Aufbau eines Produktdesignsystems.

Sehen Sie sich Kombinationen aus Typografie und Farben in einem Beispiel-Website-Layout an.

Eine einheitliche Symbolsammlung für Web- und mobile Oberflächen. Wählen Sie auf der Quellseite Materialien für Ihr nächstes Produkt oder Ihren nächsten Launch.

Passen Sie die ausdrücklich kostenlose Sammlung von Hintergründen und Mustern an und laden Sie sie herunter.

Optimieren Sie SVG-Dateien visuell und prüfen Sie die Größenänderung vor dem Herunterladen.

Öffentliche Richtlinien und Komponenten von Shopify für Produktoberflächen für Händler.

Markenlogos als SVG; prüfen Sie die Marken- und Nutzungsrichtlinien der jeweiligen Marke.

Komprimieren Sie Bilder im Browser und vergleichen Sie Bildformate, bevor Sie eine Website veröffentlichen.

Anpassbare kostenlose Illustrationen mit Pflicht zur Namensnennung.

Eine umfangreiche Sammlung von SVG-Oberflächensymbolen mit Framework-Paketen.

Unabhängige Open-Source-Schriften mit individuellen Schriftlizenzen.

Erkunden Sie mit dem kostenlosen Werkzeug modulare Schriftgrößenskalen für Überschriften und Fließtext.

Finden Sie Empfehlungen für kostenlose Schriften und prüfen Sie über die Quelllinks die jeweilige Lizenz.

Barrierefreie Designkomponenten und Richtlinien der US-Regierung.

Prüfen Sie den Kontrast zwischen Vorder- und Hintergrundfarben anhand der WCAG-Verhältnisse.

Finden Sie wiederverwendbare Medien mit dateispezifischen Lizenzen und Angaben zur Namensnennung.

Leichtgewichtige Symbole als CSS, SVG und Framework-Komponenten.

Erstellen Sie Diagramme und Flussdiagramme mit einem kostenlosen Editor und Optionen für lokale Dateien.

Eine quelloffene Illustrationsbibliothek für Websites und Produktoberflächen.

Open-Source-Oberflächenkomponenten, die Sie in Ihre eigene Codebasis kopieren und anpassen können.

Bearbeitbare Illustrationen für Landingpages und Produkterklärungen.

Fluent 2 Design System bietet Design- oder Barrierefreiheitsreferenzen. Code, Dokumentation und Grafiken können unterschiedlich lizenziert sein; prüfen Sie die Originallinks vor der Wiederverwendung.

Ant Design bietet Design- oder Barrierefreiheitsreferenzen. Code, Dokumentation und Grafiken können unterschiedlich lizenziert sein; prüfen Sie die Originallinks vor der Wiederverwendung.

PatternFly bietet Design- oder Barrierefreiheitsreferenzen. Code, Dokumentation und Grafiken können unterschiedlich lizenziert sein; prüfen Sie die Originallinks vor der Wiederverwendung.

Zendesk Garden bietet Design- oder Barrierefreiheitsreferenzen. Code, Dokumentation und Grafiken können unterschiedlich lizenziert sein; prüfen Sie die Originallinks vor der Wiederverwendung.

W3C Web Accessibility Tutorials bietet Design- oder Barrierefreiheitsreferenzen. Code, Dokumentation und Grafiken können unterschiedlich lizenziert sein; prüfen Sie die Originallinks vor der Wiederverwendung.

Radix Colors bietet Design- oder Barrierefreiheitsreferenzen. Code, Dokumentation und Grafiken können unterschiedlich lizenziert sein; prüfen Sie die Originallinks vor der Wiederverwendung.