Design-Systeme barrierefrei gestaltet
Liefern Sie barrierefreie Markenfarben, die Ihr Produkt sofort nutzen kann
Beschreiben Sie Ihre Marke und erhalten Sie KI-Farbpalettenvorschläge, prüfen Sie WCAG-Kontraste in Echtzeit und exportieren Sie Design Tokens als CSS, JSON oder Tailwind.
Kostenloser Tarif: 5 Exporte pro Monat. Keine Kreditkarte erforderlich.
Funktioniert in 25 Sprachen
Vollständige UI-Lokalisierung, kundenspezifische Dokumentensprache und KI-Freitextübersetzung in kostenpflichtigen Tarifen. Jederzeit wechselbar.
Verfügbar in 25 Sprachen, darunter Englisch, Spanisch, Chinesisch und mehr.
Klingt das vertraut?
Eine Farbpalette, die beim Kontrast durchfällt, ist keine Marke. Sie ist ein Überarbeitungs-Ticket.
Die Farbpalette fällt in der Überprüfung beim Kontrast durch
Farben, die im Moodboard perfekt aussahen, bestehen die AA-Anforderungen bei der ersten Barrierefreiheitsprüfung nicht.
Jedes Farbpaar manuell prüfen
Die Kontrastberechnung für jede Vorder- und Hintergrundkombination kostet einen ganzen Nachmittag – und Fehler passieren trotzdem.
Tokens existieren nur als Screenshot
Entwickler erhalten ein PNG mit Farbfeldern und tippen Hex-Codes manuell ab.
Von der Markenidee zu barrierefreien Tokens
Generieren, nach WCAG überprüfen und in dem Format exportieren, das Ihr Code bereits nutzt.
Farbpaletten-Generator
Erstellen Sie semantische Farbpaletten mit Live-Farbfeldern – flexibles Raster auf Mobilgeräten, Bedienelemente im Seitenpanel auf dem Desktop.
WCAG-Kontrastprüfer
Barrierefreiheit direkt testen mit Bestanden/Nicht bestanden-Badges für jedes Farbpaar. Erfüllen Sie AA und AAA vor dem Release.
Exportieren & teilen
Kopieren Sie CSS-Variablen, JSON-Tokens oder Tailwind-Konfigurations-Snippets. Teilen Sie schreibgeschützte Marken-Seiten mit Ihrem Team.
Die KI übernimmt die Schwerarbeit – Sie behalten die Kontrolle
Geprüfte KI-unterstützte Funktionen, die direkt im Produkt integriert sind. Sie überprüfen und geben jede Ausgabe frei.
KI-Palette aus einer Beschreibung
Beschreiben Sie den Stil – Gemini schlägt eine Palette vor, die Sie anpassen können.
KI-Palette aus einer Website-URL
Geben Sie eine Website an – Perplexity-gestützte Vorschläge leiten die Farbausrichtung direkt von der Live-Seite ab.
Brand-Kit unter Ihrer Kontrolle
Behalten Sie, was passt, verwerfen Sie den Rest – die KI veröffentlicht Ihr Kit niemals automatisch.
Kit-Übersetzung
KI-Freitextübersetzung hilft in kostenpflichtigen Tarifen beim Lokalisieren der Kit-Texte.
KI-unterstützte Ausgaben sind Vorschläge. Sie geben frei, was übernommen wird. Keine Ergebnisgarantien.
Drei Schritte zu einsatzbereiten Farben
Keine Tabelle zur Barrierefreiheit erforderlich.
- 1
Beschreiben Sie Ihre Marke
Erhalten Sie KI-Palettenvorschläge und erstellen Sie semantische Farben mit Live-Farbfeldern.
- 2
Kontrast prüfen
Badges für Bestanden und Nicht bestanden für jedes Farbpaar – gegen AA und AAA – während Sie bearbeiten.
- 3
Tokens exportieren
Kopieren Sie CSS-Variablen, JSON-Tokens oder ein Tailwind-Konfigurations-Snippet direkt in Ihr Projekt.
Erleben Sie, wie ein Marken-Kit entsteht
Ein einminütiger Überblick — von der Grundidee zu exportbereiten Tokens mit Untertiteln in Ihrer Sprache.
Das Praxisbuch für barrierefreie Marken – 1,99 $
Wählen Sie Markenfarben, die jede Barrierefreiheitsprüfung bestehen
Ein 10-seitiger Praxisleitfaden zu semantischen Paletten, WCAG-Kontrast und Tokens, die Entwickler direkt nutzen können.
Einmalig 1,99 $. Sofortiger PDF-Download. Kein Abo, kein Konto erforderlich.
- 8 Kapitel: Das Problem, bewährte Praxis-Tipps und die wichtigsten Regeln
- Gute und schlechte Paletten im direkten Vergleich
- Ein kommentierter Leitfaden von der Markenbeschreibung bis zu den exportierten Tokens
- Sofort in allen 25 Sprachen verfügbar
Einfache Preise
Kostenlos starten. Upgraden Sie, wenn Sie Freigabelinks und PDF-Exporte benötigen.
Kostenlos
Beginnen Sie mit dem Aufbau Ihres Brand-Systems.
0 $/Monat
- 5 Exporte / Monat
- Farbpaletten-Generator
- Kontrastprüfer
Pro
Am beliebtestenUnbegrenzte Kits und Premium-Exporte.
12 $/Monat
- Unbegrenzte Brand-Kits
- Teilbare Marken-Seiten
- Brand-Guidelines-PDF
Studio
Für Designteams, die mehrere Brand-Systeme verwalten.
29 $/Monat
- Alles aus Pro
- Export-Workflows der Studio-Klasse
Kostenlos starten. Keine Kreditkarte erforderlich, kostenpflichtige Tarife jederzeit kündbar.
Bevor Sie starten
Die Fragen, die uns Designer und Entwickler am häufigsten stellen.
Was beinhaltet der kostenlose Tarif?
Den Farbpaletten-Generator, den WCAG-Kontrastprüfer und 5 Exporte pro Monat – ohne Kreditkarte. Pro erweitert dies um unbegrenzte Kits, teilbare Seiten und die Guidelines-PDF.
Welchen Kontraststandard prüfen Sie?
Jedes Farbpaar wird anhand der Schwellenwerte für WCAG AA und AAA geprüft, mit einem Bestanden- oder Nicht bestanden-Badge für jede Kombination.
Können Entwickler die Ausgabe direkt verwenden?
Ja – exportieren Sie benutzerdefinierte CSS-Eigenschaften, JSON-Tokens oder ein Tailwind-Konfigurations-Snippet. Nichts muss aus einem Screenshot abgetippt werden.
Kann ich ein Brand-Kit mit meinem Team oder Kunden teilen?
Pro veröffentlicht schreibgeschützte Marken-Seiten, die Sie per Link teilen können, sowie eine Brand-Guidelines-PDF.
Gehe ich eine Bindung ein?
Nein. Ihre Tokens werden in offenen Formaten exportiert, und die Abrechnung über Stripe kann jederzeit gekündigt werden.
Veröffentlichen Sie Farben, die die Überprüfung auf Anhieb bestehen
Erstellen Sie kostenlos ein Brand-Kit und exportieren Sie noch heute barrierefreie Tokens.
Kostenloser Tarif, keine Kreditkarte. Upgraden Sie für teilbare Seiten und PDF-Guidelines.