アクセシブルなデザインシステムを身近に
今すぐプロダクトで使える、アクセシビリティ対応のブランドカラーをリリース
ブランドの概要を入力してAIカラーパレットの提案を受け取り、WCAGコントラストをリアルタイムで検証し、デザイントークンをCSS、JSON、またはTailwind形式でエクスポートできます。
無料プラン：月5回までエクスポート可能。クレジットカード不要。
25言語に対応
インターフェース全体の多言語対応、クライアントごとのドキュメント言語設定、有料プランでのAIフリーテキスト翻訳に対応。いつでも切り替え可能です。
英語、スペイン語、中国語など、全25言語でご利用いただけます。
こんなお悩みはありませんか？
コントラスト基準を満たさないパレットは、ブランドとは言えません。手戻りタスクの発生源です。
レビューでカラーパレットのコントラストエラーが発生する
ムードボードでは問題なさそうに見えた色も、最初のアクセシビリティチェックでAA基準を満たさず不合格になります。
すべての色の組み合わせを目視で手動チェック
前景色と背景色の全パターンのコントラスト計算に半日費やしても、見落としが発生します。
トークンがスクリーンショットの中に閉じ込められている
開発者はスウォッチのPNG画像を受け取り、HEXコードを手入力しています。
ブランドのアイデアから、アクセシブルなトークンへ
カラーパレットを生成し、WCAG基準で検証し、コードでそのまま使える形式でエクスポートできます。
パレットジェネレーター
リアルタイムスウォッチでセマンティックなカラーパレットを構築 — モバイルではレスポンシブなグリッド表示、デスクトップではサイドパネルで操作可能。
WCAGコントラストチェッカー
すべての色の組み合わせに合格/不合格バッジを表示。リリース前にAAおよびAAA基準をクリアできます。
エクスポートと共有
CSS変数、JSONトークン、Tailwind設定スニペットをコピー。読み取り専用のブランドページをチームと共有できます。
手間のかかる作業はAIにおまかせ — コントロールはあなたの手に
プロダクトに組み込まれた検証済みのAIアシスト機能。すべての出力をご自身で確認して承認できます。
概要からのAIパレット生成
ブランドの雰囲気を入力すると、Geminiがパレットを提案し、微調整できます。
WebサイトURLからのAIパレット生成
サイトのURLを指定すると、Perplexityによるアシスト機能が公開ページからカラーの方向性を抽出します。
ご自身でコントロールできるブランドキット
必要なものだけを残し、不要なものは破棄できます。AIが勝手にブランドキットを公開することはありません。
キットの翻訳
有料プランでは、AIフリーテキスト翻訳によってキットの文章をローカライズできます。
AIアシストによる出力は提案です。実際のリリース内容はご自身で承認していただきます。特定の成果を保証するものではありません。
リリース可能なカラーを作成する3つのステップ
アクセシビリティ管理用スプレッドシートは不要です。
- 1
ブランドの概要を入力
AIによるパレットの提案を受け取り、リアルタイムスウォッチでセマンティックカラーを作成。
- 2
コントラストの検証
編集しながら、各カラーペアのAAおよびAAA基準に対する合格・不合格バッジを確認。
- 3
トークンのエクスポート
CSS変数、JSONトークン、またはTailwind設定スニペットをプロジェクトに直接コピー。
ブランドキットの作成プロセスを見る
1分間のウォークスルー動画 — イマジネーションからエクスポート可能なトークンまで、お好みの言語の字幕でご覧いただけます。
アクセシブルブランドのプレイブック — $1.99
アクセシビリティレビューを通過するブランドカラーの選び方
セマンティックパレット、WCAGコントラスト、開発者がそのまま使えるトークンに関する全10ページのフィールドガイド。
一括払い $1.99。PDFを即時ダウンロード。サブスクリプションやアカウント作成は不要です。
- 全8章：課題の設定、実践的なベストプラクティス、基本ルール
- 優れたパレットと不適切なパレットの対比解説
- ブランドの概要入力からトークンのエクスポートまでを注釈付きで解説
- 全25言語に対応、すぐに利用可能
シンプルな料金プラン
無料でスタート。共有リンクやPDFエクスポートが必要になったらアップグレード。
Free
ブランドシステムの構築を始めましょう。
$0/月
- 月5回のエクスポート
- パレットジェネレーター
- コントラストチェッカー
Pro
一番人気無制限のキット作成とプレミアムエクスポート。
$12/月
- ブランドキットを無制限に作成
- 共有可能なブランドページ
- ブランドガイドラインPDF
Studio
複数のブランドシステムを管理するデザインチーム向け。
$29/月
- Proプランの全機能
- Studioグレードのエクスポートワークフロー
無料で始められます。クレジットカードは不要で、有料プランはいつでも解約可能です。
よくあるご質問
デザイナーや開発者からよく寄せられる質問をまとめました。
無料プランには何が含まれていますか？
パレットジェネレーター、WCAGコントラストチェッカー、月5回までのエクスポートが含まれます（クレジットカード不要）。Proプランでは無制限のキット作成、共有ページ、ガイドラインPDFが追加されます。
どのコントラスト基準をチェックしますか？
すべての色の組み合わせをWCAG AAおよびAAAのしきい値に対してチェックし、組み合わせごとに合格・不合格のバッジを表示します。
開発者は出力結果を直接使用できますか？
はい。CSSカスタムプロパティ、JSONトークン、Tailwind設定スニペットをエクスポートできます。スクリーンショットから手入力し直す必要はありません。
ブランドキットをチームやクライアントと共有できますか？
Proプランではリンクで共有可能な読み取り専用ブランドページと、ブランドガイドラインPDFを発行できます。
契約に縛られることはありますか？
いいえ。トークンはオープンフォーマットでエクスポートされ、Stripeによる請求はいつでも解約可能です。
最初のレビューで合格するカラーをリリース
無料でブランドキットを作成し、今すぐアクセシブルなトークンをエクスポートしましょう。
無料プラン（クレジットカード不要）。共有ページやPDFガイドラインが必要な場合はアップグレードしてください。