再利用可能なテーマを定義
ブランドカラー、サーフェス、タイポグラフィ、形状、コンポーネントスタイル、図面注釈のスタイルを設定します。
埋め込みテーマ設定
埋め込み型部品カタログを、自社ブランドに合う見た目へ。
PartGridの埋め込みテーマ設定により、チームは埋め込み図面、コレクション、販売店向けカタログ体験に再利用可能なビジュアルテーマを割り当てられます。これにより、導入先ブランドに自然に馴染ませながら、管理しやすい状態を保てます。
再利用可能なテーマ定義
割り当て可能なランタイムテーマトークン
プレビューと公開ガバナンス
Same catalog, assigned themes
Choose a destination and watch the embed retheme.
OEM website
Service blue12
Ref 12
Ref 13
Ref 14
Resolved theme tokens
OEM website
Primary#2563EB
Surface#FFFFFF
Hotspot#2563EB
Border#BFDBFE
Radius12px
DensityComfortable
The embed receives controlled tokens from PartGrid. It does not need to scrape the host page CSS.
ブランド適合の課題
強力な埋め込みでも、その場に馴染む見た目が必要です。
インタラクティブ部品カタログは、既存のWebサイト、販売店ポータル、顧客ポータル、eコマースページ、サービス環境の中で利用できると、さらに価値が高まります。埋め込みテーマ設定により、すべての導入を個別デザイン案件にすることなく、管理された方法でビジュアル体験を整えられます。
汎用的に見える埋め込みは、顧客の信頼を下げる可能性がある。
ブランドチームは、一貫性のない顧客向け体験を承認しない場合がある。
販売店ポータルでは、異なるビジュアル表現が必要になることが多い。
埋め込みごとにカスタムCSSを作る方法はスケールしない。
iframeは、壊れやすいホストページ側のCSSに依存すべきではない。
複数コレクションの展開には、管理されたスタイリングが必要になる。
仕組み
テーマを一度定義し、必要な場所に割り当てる。
PartGridのテーマは、自由記述のCSSスニペットではなく、構造化されたビジュアルトークンを使用します。そのため、検証、プレビュー、再利用、埋め込み体験への適用がしやすくなります。
埋め込みカタログをプレビュー
公開前に、図面ビューアー、部品リスト、コントロール、ホットスポット、ボタンの見え方や操作感を確認します。
適切な場所に割り当て
会社デフォルト、コレクション、販売店コレクション、図面など、対応する対象にテーマを適用します。
ランタイムで解決
埋め込みは予測可能なテーマトークンを読み込み、内部でスタイリング変数を適用します。
ランタイムテーマ設定
ホストページのCSSスクレイピングに依存しないランタイムテーマ設定。
PartGridは、埋め込みのスタイリングにホストWebサイト側のCSSへ依存する必要はありません。テーマはPartGrid内で割り当て・解決されます。埋め込み体験は予測可能なスタイリングトークンを受け取り、ランタイム変数として適用します。
開発者にとって予測可能。ブランド管理にとってより安全。
テーマ提案では、初期案の作成を支援するためにWebサイトやブランド情報を利用する場合がありますが、公開済みの埋め込みは、ホストページからのライブCSSスクレイピングではなく、割り当てられたテーマトークンに依存すべきです。
テーマ設定ドキュメントを読むテーマ適用範囲
埋め込みのビジュアル言語を管理。
テーマは、ユーザーが実際に目にする埋め込みカタログ体験の要素に焦点を当てます。図面エリア、部品リスト、パネル、コントロール、ボタン、ホットスポット、注釈、補助UIなどです。
ブランドカラー
アクセントカラー
背景
サーフェスとパネル
テキストと補助テキスト
ボーダー
タイポグラフィ
角丸と形状
間隔の密度
ボタンと入力欄
テーブルとタブ
ホットスポットとアクティブ時の発光
注釈ライン
バッジとドロップダウン
ライトまたはダーク表示
テーマ割り当て
適切なテーマを、適切な体験に適用。
テーマ割り当てにより、チームはカタログデータを複製したり、単発のフロントエンド構築を行ったりすることなく、適切なレベルに適切なビジュアルテーマを適用できます。
会社デフォルト
標準的な埋め込み向けの、管理されたフォールバックテーマ。
埋め込みコレクション
Webサイトやポータル向けの公開カタログコレクションにスタイルを適用します。
販売店コレクション
元カタログの管理を維持しながら、販売店向け埋め込みに適切な表現を与えます。
図面埋め込み
重要な図面や特定の展開コンテキストに、個別のテーマを適用します。
公開前にテーマ変更を準備。
ドラフトトークンとアクティブトークンにより、チームはビジュアル変更をテストし、プレビューで確認し、顧客向けに公開できる状態になったタイミングで公開できます。
ブランド情報から初期案を生成。
設定されている場合、PartGridはWebサイト、ロゴ、ブランド情報からドラフトテーマ案の生成を支援できます。結果は公開前に確認する必要があります。
販売店向け・顧客向け埋め込みの一貫性を維持。
OEMは元カタログの管理を維持しながら、設定に応じて販売店向けまたは顧客向けの埋め込み体験に適切なビジュアルテーマを適用できます。
導入への適合
実際の埋め込み導入に対応。
埋め込みテーマ設定は、PartGridのiframe、コレクション、図面、販売店コレクション、連携ワークフローと組み合わせて機能します。既存環境にインタラクティブ部品図面を導入する際、すべての導入をカスタムフロントエンド案件にせずに済みます。
ブランドとの整合であり、Webサイト全体の複製ではありません。
埋め込みテーマ設定は、Webサイトビルダー、CMS、デザインシステムの代替、またはホストWebサイトの自動クローンではありません。PartGridの埋め込み体験に対して管理されたビジュアルスタイルを適用し、自然に馴染み、信頼感があり、導入しやすい体験にするための仕組みです。
FAQ
埋め込みテーマ設定に関するよくある質問
埋め込みテーマ設定とは何ですか？+
埋め込みテーマ設定により、対応している場合、図面、コレクション、販売店コレクション、図面単体などの埋め込み型PartGridカタログ体験に、再利用可能なビジュアルテーマを適用できます。
PartGridは自社WebサイトのCSSをスクレイピングしますか？+
いいえ。PartGridの埋め込みテーマ設定は、割り当てられたテーマトークンを埋め込み体験側で解決・適用する仕組みに基づいています。設定されている場合、テーマ提案の初期案を作るためにWebサイトやブランド情報を利用することはあります。
テーマは再利用できますか？+
はい。テーマは再利用を前提に設計されているため、複数の埋め込み体験に一貫したビジュアルスタイルを適用できます。
異なるコレクションに異なるテーマを使えますか？+
はい、割り当て対象が設定されている場合は可能です。テーマは、コレクション、販売店コレクション、図面、会社デフォルトなど、対応するさまざまなレベルに割り当てることができます。
公開前にテーマをプレビューできますか？+
はい。テーマはプレビューワークフローやドラフトトークンに対応できるため、チームは変更内容を確認してから、アクティブなスタイルとして公開できます。
どのようなビジュアル要素をテーマ設定できますか？+
テーマには、ブランドカラー、サーフェス、パネル、テキスト、補助テキスト、ボーダー、タイポグラフィ、形状、間隔、コンポーネントスタイル、注釈ライン、マーカー、ホットスポット、アクティブ状態などを含めることができます。
AIでテーマ案を生成できますか？+
設定されている場合、PartGridはWebサイト、ロゴ、ブランド情報をもとにドラフトテーマ案の生成を支援できます。提案内容は公開前に確認・編集する必要があります。
テーマ設定はカスタム開発の代わりになりますか？+
いいえ。埋め込みテーマ設定は単発のビジュアルカスタマイズを減らしますが、専用のレイアウト、動作、連携ロジックには引き続きカスタム開発が必要になる場合があります。
埋め込み型部品カタログを、自社体験の一部のように見せませんか？
Webサイト、販売店ポータル、または埋め込みカタログのユースケースを共有してください。PartGridのテーマ設定により、カタログワークフローを管理された状態に保ちながら、ビジュアル体験をどのように整えられるかをご確認いただけます。