Mga design system na ginawang accessible
Maglabas ng mga accessible na kulay ng brand na magagamit agad ng inyong produkto
Ilarawan ang inyong brand at kumuha ng mga mungkahi ng AI palette, suriin ang contrast sa WCAG sa real time, at i-export ang mga design token bilang CSS, JSON, o Tailwind.
Libreng plano: 5 export bawat buwan. Hindi kailangan ng credit card.
Gumagana sa 25 wika
Buong localization ng UI, wika ng dokumento kada kliyente, at AI free-text translation sa mga bayad na plano. Magpalit anumang oras.
Available sa 25 wika, kabilang ang English, Spanish, Chinese, at iba pa.
Pamilyar po ba sa inyo?
Ang palette na hindi pumapasa sa contrast ay hindi tunay na brand kit. Ito ay isang rework ticket.
Bumagsak ang palette sa contrast sa pagsusuri
Ang mga kulay na mukhang maayos sa mood board ay bumabagsak sa AA sa unang pagsusuri ng accessibility.
Manwal na pag-check sa bawat pares
Ang pagkakalkula ng contrast para sa bawat kombinasyon ng foreground at background ay nakakaubos ng hapon at maaari pa ring magkaroon ng pagkakamali.
Nasa screenshot lang ang mga token
Nakatatanggap ang mga developer ng PNG ng mga swatch at manu-manong tina-type muli ang mga hex code.
Mula sa ideya ng brand hanggang sa accessible na mga token
Mag-generate, suriin laban sa WCAG, at i-export sa format na ginagamit na ng inyong code.
Palette generator
Bumuo ng mga semantic color palette na may live swatches — responsive grid wrap sa mobile, at mga control sa side panel sa desktop.
WCAG contrast checker
Tiyakin ang accessibility gamit ang mga pass/fail badge para sa bawat pares ng kulay. Sumunod sa AA at AAA bago maglabas.
I-export at ibahagi
Kopyahin ang mga CSS variable, JSON token, o Tailwind config snippet. Ibahagi ang mga read-only na page ng brand sa inyong koponan.
AI ang gumagawa ng mabigat na trabaho — kayo pa rin ang may kontrol
Mga na-verify na feature na AI-assisted na nakabuod sa produkto. Susuriin at aaprubahan ninyo ang bawat lalabas na output.
AI palette mula sa paglalarawan
Ilarawan ang tema — magmumungkahi ang Gemini ng palette na maaari ninyong i-adjust.
AI palette mula sa URL ng website
Maglagay ng site — kumukuha ang mga mungkahing Perplexity-assisted ng direksyon ng kulay mula sa mismong page.
Brand kit na kayo ang humahawak
Panatilihin ang angkop, alisin ang iba — hindi kailanman ilalathala ng AI ang inyong kit para sa inyo.
Pagsasalin ng kit
Tumutulong ang AI free-text translation na i-localize ang teksto ng kit sa mga bayad na plano.
Ang mga AI-assisted na output ay mga mungkahi lamang. Kayo ang nag-aapruba ng ilalabas. Walang garantiya sa kalalabasan.
Tatlong hakbang tungo sa mga kulay na handa nang ilabas
Hindi kailangan ng spreadsheet para sa accessibility.
- 1
Ilarawan ang inyong brand
Kumuha ng mga mungkahi ng AI palette at bumuo ng mga semantic color gamit ang live swatches.
- 2
Suriin ang contrast
Mga pass at fail badge para sa bawat pares ng kulay, laban sa AA at AAA, habang nag-e-edit kayo.
- 3
I-export ang mga token
Kopyahin ang mga CSS variable, JSON token, o Tailwind config snippet nang direkta sa inyong proyekto.
Panoorin ang pagbuo ng isang brand kit
Isang minutong gabay — mula sa konsepto hanggang sa mga token na handa nang i-export, na may mga caption sa inyong wika.
Ang accessible brand playbook — $1.99
Pumili ng mga kulay ng brand na pumapasa sa pagsusuri ng accessibility
Isang 10-pahinang gabay sa mga semantic palette, WCAG contrast, at mga token na magagamit ng mga developer.
Isang beses na $1.99. Instant na pag-download ng PDF. Walang subscription, walang kailangang account.
- 8 kabanata: ang problema, mga pinakamahusay na kasanayan sa larangan, at ang mga pangunahing alituntunin
- Magkatabing ihambing ang magaganda at hindi magagandang palette
- Isang may-tala na gabay mula sa paglalarawan ng brand hanggang sa na-export na mga token
- Available sa lahat ng 25 wika, nang instant
Simpleng presyo
Magsimula nang libre. Mag-upgrade kapag kailangan ninyo ng mga share link at PDF export.
Free
Simulang buuin ang inyong brand system.
$0/buwan
- 5 export / buwan
- Palette generator
- Contrast checker
Pro
PinakasikatWalang limitasyong mga kit at premium na export.
$12/buwan
- Walang limitasyong mga brand kit
- Mababahaging mga page ng brand
- PDF ng mga alituntunin sa brand
Studio
Para sa mga design team na namamahala ng maramihang brand system.
$29/buwan
- Lahat ng nasa Pro
- Mga workflow ng pag-export na pang-Studio
Magsimula nang libre. Walang kinakailangang credit card para magsimula, kanselahin ang bayad na plano anumang oras.
Bago kayo magsimula
Ang mga tanong na madalas itanong sa amin ng mga designer at developer.
Ano ang kasama sa libreng plano?
Ang palette generator, ang WCAG contrast checker, at 5 export kada buwan — walang kailangang credit card. Idinadagdag ng Pro ang walang limitasyong mga kit, mga ibinabahaging page, at ang PDF ng mga alituntunin.
Anong pamantayan ng contrast ang inyong sinusuri?
Ang bawat pares ng kulay ay sinusuri laban sa mga pamantayan ng WCAG AA at AAA, na may badge na pass o fail para sa bawat kombinasyon.
Maaari bang direktang gamitin ng mga developer ang output?
Opo — i-export ang mga CSS custom property, JSON token, o Tailwind config snippet. Walang kailangang i-type muli mula sa screenshot.
Maaari ko bang ibahagi ang brand kit sa aking koponan o kliyente?
Naglalabas ang Pro ng mga read-only na page ng brand na maaari ninyong ibahagi sa pamamagitan ng link, kasama ang PDF ng mga alituntunin sa brand.
Nakatali ba ako sa serbisyo?
Hindi po. Nai-export ang inyong mga token sa mga open format, at ang singiling Stripe ay maaaring kanselahin anumang oras.
Maglabas ng mga kulay na pumapasa sa pagsusuri sa unang subok pa lamang
Bumuo ng libreng brand kit at mag-export ng mga accessible na token ngayon.
Libreng plano, walang kailangang credit card. Mag-upgrade para sa mga mababahaging page at PDF ng mga alituntunin.