ロゴとワードマーク
ワードマークと正方形のロゴマークはそれぞれカラー、白、黒で、ベクターマスターと既製のラスターがあります。背景に合うものを選んでください。
ワードマーク暗い背景
ワードマーク、白暗い写真または塗りつぶし
ワードマーク、黒明るい背景
ロゴマークどの背景でも
ロゴマーク、白暗い背景
ロゴマーク、黒明るい背景
screenRIG と綴ってください
小文字のscreen、大文字のRIG、単語1つ、本文とワードマーク内。色ではなくケースで2つの半分を区別し、名前は1色でも同じに読めます。
グラウンドのマスターを選択してください。
暗い背景はカラーワードマークを使用します：アンバーscreen、ホワイトRIG。明るい背景は黒のマスターを使用し、両半分ともインクで表示します。単色使用は白または黒のマスターを使用します。
ロゴマークを完全な状態で保持します
フレーム、傾斜した内角、2つの目は一体です。マークにテキストはありません。ワードマークは隣に置き、内部には置かないでください。
変更なし
指定された色、比率、描画を保持します。台座、きらめき、影、グラデーション、アウトライン、光彩を追加せず、マークを伸ばしたり回転したり色を変えたりしません。
提供されたラスターを使用してください。
ワードマークSVGはAgaveを名前に持ちますが埋め込みません。印刷、スライド、パートナーページにはPNGまたはWebPファイルを使ってください。これらは均等な余白でトリミングされています。SVGはフォントなしで再レンダリングしないでください。
読みやすく保つ
各マークに四方の余白を与え、読みやすい大きさにし、対比のある背景に配置します。ワードマークはページの左上に固定され、ホームへのリンクです。
アニメーションロゴ
ロゴマークが目覚めます。スキャンラインがスクリーンを点灯し、二つの目に分かれ、エージェントが周囲を見回し、視聴者を見つけて微笑み、正確にロゴマークに落ち着きます。
エージェントの目一度再生
- アニメーションSVG： 自己完結型で一度再生し保持します。動き軽減設定では静的なロゴマークを表示します。SVGをダウンロード
- Lottie JSON：Webおよびネイティブアプリ用の任意サイズのベクター。JSONをダウンロード
- 起動画面、MP4：1024×1024、60 fps、7秒、無音、背景色付き。MP4 をダウンロード
- カット共有、MP4： 1920×1080、9秒：同じ映像の後にワードマークが表示され、エージェントが点滅します。Slack、SNS、プレゼン、メール用。MP4をダウンロード
- 透過WebM：マークの外側にアルファ付きの映像で、動画編集での合成用です。WebMをダウンロード
Player は映像の背後に地の色 #2A3547 を描画し、映像も同じ色を使うため、Player スクリーン上に目に見える四角形がありません。
アプリアイコン
すべてのストアとシステムに対応する1つのアイコンファミリー：アンバーとスレート色のロゴマーク、テキストなし。各セットはプラットフォームの慣例に従うため、そのままコピーしてください。
アイコンファミリー
| プラットフォーム | 含む | ダウンロード |
|---|---|---|
| Webとブラウザ | ファビコン SVG と ICO、PNG 16、32、48、Apple タッチアイコン、標準およびマスカラブルな192と512のWebアプリアイコン。 | Webアイコン（ZIP） |
| AndroidとAndroid TV | 適応型前景と背景、Android 13のモノクロレイヤー、mdpiからxxxhdpiまでの丸型と標準ランチャー、512ピクセルのGoogle PlayアートワークとTVバナー。 | Androidアイコン（ZIP） |
| iPhone、iPad、macOS、Apple TV | iOS と iPadOS のアプリアイコンセット（1024ピクセルの App Store アイコン、単一サイズのダークおよび着色セット）、macOS アイコンセットと ICNS、レイヤード Apple TV アイコンとトップシェルフアート、Icon Composer 用のベクターレイヤー。 | Appleアイコン（ZIP） |
| Windows | あらゆるスケールのマルチサイズ ICO と MSIX ロゴおよびタイルアセット。 | Windowsアイコン（ZIP） |
| Linux と Raspberry Pi | hicolorレイアウトでスケーラブルなSVGおよびPNG 16～1024、名前はai.screenrig.player。 | Linuxアイコン（ZIP） |
カラーコード
12色がパレット全体を構成します。背景はスクリーンの大部分で、色名は表面の装飾ではなく状態を示します。アンバーはアクセントです。
背景
#2A3547 · rgb(42 53 71)
--ground
ページ背景。ほとんどのスクリーンは背景です。
サーフェス
#3D4B5F · rgb(61 75 95)
--surface
カード、パネル、浮き上がった行。
ウェル
#202A38 · rgb(32 42 56)
--well
凹んだ領域：コード、端末出力、入力。
本文テキスト
#D3D8E0 · rgb(211 216 224)
--fg
本文コピー。地面と表面でAAを通過。
明るい
#FFFFFF · rgb(255 255 255)
--fg-bright
ヘッドラインとRIG。ブロック内で最も目立つ要素です。
ミュート
#9CA3AF · rgb(156 163 175)
--fg-muted
補助テキストとキャプションは地面にのみ表示。
ブランドアンバー
#F8B334 · rgb(248 179 52)
--amber
ワードマーク、リンク、フォーカスリング、主要アクションに screen を使用します。
プライマリブルー
#3F70B7 · rgb(63 112 183)
--blue
塗りつぶしのみ：選択状態、塗りつぶされたコントロール、チャートシリーズ。テキストや線は含みません。
エラー ember
#E6664D · rgb(230 102 77)
--error
エラーレベルと失敗。
アラート銅色
#DF7F2A · rgb(223 127 42)
--alert
アラートレベルと注意。ブランドアンバーではありません。
情報スチール
#6B9BBC · rgb(107 155 188)
--info
情報レベルと通知。プライマリーブルーではありません。
成功（緑）
#3FAE6A · rgb(63 174 106)
--success
真の成功状態のみです。
守るべきルール
- プライマリーブルーは塗りつぶしであり、インクではありません。 青地に白文字は4.98：1のコントラスト比を満たします。青を文字、リンク、枠線、アイコンの線に使うと両方の基準で不合格です。
- ミュートされたテキストは地に留まります。 カード内の二次テキストは本文テキストを使用します
#D3D8E0。 - 行は決してグレーになりません。各行は背景の上に低いアルファ値で本文の色として描画されます。
| 色 | 地面上で | 表面上で |
|---|---|---|
本文テキスト#D3D8E0 | 8.64 : 1 | 6.19 : 1 |
明るい #FFFFFF | 12.36 : 1 | 8.86 : 1 |
ミュート #9CA3AF | 4.87 : 1 | 3.49 : 1、失敗 |
ブランドアンバー #F8B334 | 6.76 : 1 | 4.85 : 1 |
プライマリブルー #3F70B7 | 2.48 : 1、失敗 | 1.78 : 1、失敗 |
| レベル | 地面上で | カード上で |
|---|---|---|
| エラー | #E6664D | #EA7D68 |
| アラート | #DF7F2A | #E4924A |
| 情報 | #6B9BBC | #81AAC6 |
タイポグラフィ
screenRIG は Agave という等幅フォントを使用し、ツールのように読みやすく、コマンド、パス、識別子がネイティブに見えます。レギュラーとボールドの2ウェイトが全体のシステムです。
Agaveレギュラーとボールド
スクリーンを会話に参加させる。
完全なデジタルサイネージプラットフォームが、無料です。
abcdefghijklmnopqrstuvwxyz
abcdefghijklmnopqrstuvwxyz 0123456789 #2A3547
フォントをダウンロード
ルール
- フォントを WOFF2 形式で
font-display: swapを使ってセルフホストし、リモートサービスからは絶対に読み込まないでください。 - フォントが失敗してもテキストが見えるように、ローカルの等幅フォントにフォールバックします。
- ウェイトは400と700のみ使用し、ネガティブトラッキングは使用しないでください。
- 大文字はラベルの音声に属し、タイプではなく CSS で設定されます。
- 部屋全体で読むパネルは最低26pxのボディサイズを使用し、20px未満はレンダリングされません。
| 役割 | サイズと行 | 重み | 使用 |
|---|---|---|---|
| 見出し1 | 64／72 px、1280 px 未満は 56／64、1024 px 未満は 48／56 | 太字 | ページタイトル。白色でキーフレーズはアンバー。 |
| 見出し2 | 32 / 40 px | 太字 | マーケティングページのセクション見出しはアンバー色。 |
| 本文 | 15 / 24 px | 通常 | その他すべて。本文サイズは変わりません。 |
| ラベル | 本文サイズ、大文字、追跡+0.08em | 通常 | セクションバー、プレートヘッド、テーブルヘッド、キッカーは淡色インクで。 |
| ツールテキスト | 13 px本文、行間1.45、11～12 pxキャプション | 通常 | 密なツールとデバッグページはデスク距離で読み取れます。 |
名前と声
screenRIG は直接的で有能かつ具体的な印象を与えます。結果を先に示し、エージェントが操作の複雑さを吸収できるようにします。
製品ライン
AIエージェント向けのサイネージとキオスクのインフラストラクチャ。デジタルサイネージとキオスクは同等の重要性があるため、両方をまとめて呼びます。
ブランドの約束
スクリーンを会話に参加させる。ホームページの見出しは「完全なデジタルサイネージプラットフォームが、無料です。」です。
定型文
screenRIG は AI エージェント向けのサイネージとキオスクのインフラストラクチャです。ダッシュボードまたはエージェントからスクリーンを運用できます：画像、動画、ストリーム、ウェブページ、アプリケーション、カード。
結果を重視する
このダッシュボードをロビーのディスプレイに配置、またはこのセルフサービスチェックインキオスクを設定してください。動詞はペアリング、配置、表示、更新、公開、検証を使います。
それが何であるかを伝えます。
screenRIG が何であり何をするかを、現在形で、提供状況に関する但し書きなしで述べてください。人はダッシュボードでスクリーンを運用し、エージェントは公式プラグインとしてインストールされた CLI ベースのスキルを通じて運用します。
クレームは平文のままにする
screenRIG を AI-powered と呼ばないでください。agent-native は、エージェントが製品をどう運用するかを説明するときだけ使い、見出しには使わないでください。価格は価格ページに記載されている通りに正確に引用してください。
プレス、パートナー、マーケットプレイスの質問や、このキットにないフォーマットのリクエストはお問い合わせページを通じて行ってください。