Dostępne systemy projektowania
Wdrożenie dostępnych kolorów marki ready do użycia w Państwa produkcie już dziś
Proszę opisać swoją markę, aby uzyskać sugestie palet AI, weryfikować kontrast WCAG w czasie rzeczywistym i eksportować tokeny projektowe jako CSS, JSON lub Tailwind.
Darmowy plan: 5 eksportów w miesiącu. Brak wymogu karty kredytowej.
Obsługa 25 języków
Pełna lokalizacja interfejsu, wybór języka dokumentów dla klienta oraz tłumaczenie dowolnego tekstu przez AI w płatnych planach. Zmiana języka jest możliwa w dowolnym momencie.
Dostępność w 25 językach, w tym angielskim, hiszpańskim, chińskim i innych.
Brzmi znajomo?
Paleta, która nie spełnia wymogów kontrastu, to nie marka. To zgłoszenie do poprawki.
Paleta nie przechodzi weryfikacji kontrastu
Kolory, które wyglądały dobrze na moodboardzie, nie spełniają standardu AA przy pierwszej weryfikacji dostępności.
Ręczne sprawdzanie każdej pary kolorów
Obliczanie kontrastu dla każdej kombinacji pierwszego planu i tła zajmuje całe popołudnie, a i tak łatwo o przeoczenie.
Tokeny znajdują się na zrzucie ekranu
Programiści otrzymują plik PNG z próbkami kolorów i ręcznie przepisują kody szesnastkowe.
Od pomysłu na markę do dostępnych tokenów
Generowanie, weryfikacja pod kątem WCAG i eksport do formatu, którego używa już Państwa kod.
Generator palety kolorów
Tworzenie semantycznych palet kolorów z podglądem na żywo — elastyczna siatka na urządzeniach mobilnych, panel sterowania na komputerach.
Narzędzie do sprawdzania kontrastu WCAG
Weryfikacja dostępności za pomocą oznaczeń spełnienia lub braku wymagań dla każdej pary kolorów. Osiągnięcie poziomów AA i AAA przed wdrożeniem.
Eksport i udostępnianie
Kopiowanie zmiennych CSS, tokenów JSON lub fragmentów konfiguracji Tailwind. Udostępnianie zespołowi stron marki w trybie do odczytu.
AI wykonuje najtrudniejszą pracę — Państwo zachowują pełną kontrolę
Sprawdzone funkcje wspomagane przez AI wbudowane w produkt. Każdy wynik podlega Państwa weryfikacji i zatwierdzeniu.
Paleta AI na podstawie opisu
Wystarczy opisać styl, a Gemini zaproponuje paletę, którą można dowolnie dostosować.
Paleta AI z adresu URL strony
Wystarczy podać adres strony, a sugestie oparte na Perplexity pobiorą kierunek kolorystyczny bezpośrednio z działającej witryny.
Zestaw marki pod pełną kontrolą
Mogą Państwo zachować odpowiednie elementy i odrzucić pozostałe — AI nigdy nie opublikuje zestawu za Państwa.
Tłumaczenie zestawu
Tłumaczenie dowolnego tekstu przez AI pomaga w lokalizacji treści zestawu w płatnych planach.
Wyniki wygenerowane przez AI stanowią sugestie. To Państwo decydują o ostatecznym kształcie projektu. Brak gwarancji konkretnych rezultatów.
Trzy kroki do gotowych kolorów
Bez konieczności używania arkuszy kalkulacyjnych do badania dostępności.
- 1
Opisanie marki
Uzyskiwanie sugestii palet od AI i tworzenie semantycznych kolorów z podglądem na żywo.
- 2
Weryfikacja kontrastu
Oznaczenia zgodności z poziomami AA i AAA dla każdej pary kolorów podczas edycji.
- 3
Eksport tokenów
Kopiowanie zmiennych CSS, tokenów JSON lub fragmentu konfiguracji Tailwind bezpośrednio do projektu.
Zobacz, jak powstaje zestaw marki
Jednominutowa prezentacja — od koncepcji po tokeny gotowe do eksportu, z napisami w Państwa języku.
Przewodnik po dostępnej marce — 1,99 USD
Wybór kolorów marki, które pozytywnie przejdą weryfikację dostępności
10-stronicowy przewodnik po semantycznych paletach, kontraście WCAG i tokenach gotowych do użycia przez programistów.
Jednorazowa opłata 1,99 USD. Natychmiastowe pobranie pliku PDF. Bez subskrypcji i zakładania konta.
- 8 rozdziałów: problem, dobre praktyki w branży i najważniejsze zasady
- Porównanie dobrych i złych palet obok siebie
- Omówienie procesu krok po kroku — od opisu marki do wyeksportowanych tokenów
- Dostępność we wszystkich 25 językach od ręki
Prosty cennik
Darmowy start. Przejście na wyższy plan w razie potrzeby udostępniania linków i eksportu PDF.
Free
Rozpoczęcie budowania systemu marki.
$0/mies.
- 5 eksportów / miesiąc
- Generator palety kolorów
- Narzędzie do sprawdzania kontrastu
Pro
NajpopularniejszyNieograniczona liczba zestawów i zaawansowane opcje eksportu.
$12/mies.
- Nieograniczona liczba zestawów marki
- Strony marki z możliwością udostępniania
- Księga znaków w formacie PDF
Studio
Dla zespołów projektowych zarządzających wieloma systemami marek.
$29/mies.
- Wszystko, co w planie Pro
- Zaawansowane procesy eksportu dla zespołów
Darmowy start. Brak wymogu podawania karty kredytowej, możliwość rezygnacji z płatnego planu w dowolnym momencie.
Przed rozpoczęciem
Pytania najczęściej zadawane przez projektantów i programistów.
Co zawiera plan darmowy?
Generator palety, narzędzie do sprawdzania kontrastu WCAG i 5 eksportów miesięcznie — bez karty kredytowej. Plan Pro dodaje nieograniczoną liczbę zestawów, strony do udostępniania oraz księgę znaków w formacie PDF.
Jaki standard kontrastu jest weryfikowany?
Każda para kolorów jest sprawdzana pod kątem progów WCAG AA i AAA, a dla każdej kombinacji wyświetlane jest oznaczenie spełnienia lub braku wymagań.
Czy programiści mogą bezpośrednio wykorzystać wyeksportowane dane?
Tak — mogą Państwo wyeksportować niestandardowe właściwości CSS, tokeny JSON lub fragment konfiguracji Tailwind. Nic nie trzeba przepisywać ze zrzutu ekranu.
Czy mogę udostępnić zestaw marki zespołowi lub klientowi?
Plan Pro umożliwia publikowanie stron marki w trybie do odczytu, które można udostępnić za pomocą linku, a także księgi znaków w formacie PDF.
Czy to zobowiązuje do dalszego korzystania?
Nie. Tokeny są eksportowane w otwartych formatach, a subskrypcję w systemie Stripe można anulować w dowolnym momencie.
Wdrażanie kolorów, które przechodzą weryfikację za pierwszym razem
Mogą Państwo bezpłatnie utworzyć zestaw marki i już dziś wyeksportować dostępne tokeny.
Plan darmowy, bez karty kredytowej. Przejście na wyższy plan umożliwia korzystanie ze stron do udostępniania i wytycznych w PDF.