デザインリソース

SEC.1 — リソース一覧

公開リソース

すべてのデザイン値は @libs/design/tokens/src/design-token.ts から取得します。ダウンロードもこの単一ソースから生成されます。

1. 01 08.1 — ガイド スタイルガイド Gn8 のロゴ、色、文字、余白、構成の共通原則と、Web・ネイティブアプリ・スライド・印刷への適用を解説するガイドです。 →
2. 02 08.3 — トークン トークン 色、余白、タイポグラフィ、モーションの完全なマニフェストです。 →
3. 03 08.2 — ロゴ ロゴ 公式 4 種の正準 SVG アセットと、その IP 利用条件です。 →

SEC.2 — 目的から探す

目的から探す

• 規則を理解する

  思想、文章、デザイン、媒体への適用の各章を読みます。

• アクセシビリティを確認する

  視覚情報のアクセシビリティ確認項目を順に確認します。自動検査ではなく、人が行うレビューです。

• レビューの手順に沿う

  元の内容と表示結果を確認し、媒体ごとに検出・修正・検証します。

• ダッシュボード見本を試す

  同じダッシュボードを shadcn/ui・Appica UI・Arc UI と4つのパレットで比べます。

• 色の組み合わせを確認する

  色の役割を開き、定義済みの前景・背景ペアのコントラスト比と判定を確認します。

• トークン値を使う

  トークン値を検索・コピーし、CSS・JSON・VS Code 用ファイルとして書き出します。