ブランド

金色のリボンを1本折り、Mの形へ。Masterのアイデンティティは製品をつなぎながら、それぞれが独自の役割を持てる余地を残します。

½H

#ロゴ

組織を紹介するときは、提供されているMasterのワードマークを使います。名前がすでに明確ならマーク単独で使えます。製品名は承認済みのシグネチャーを保ちます：Master CSS と Master UI。

明るい背景用のMasterワードマークをダウンロード · 暗い背景用

#構成

マークは、連続した金色の面を持つ折りたたまれたリボンです。形状、比率、グラデーション、クリアスペースを保ちます。周囲にはマークの高さの半分以上の余白を確保してください。高さ24px未満では小型マークを使い、立体的なアートワークはマークの高さが64px以上の場合だけに使います。

#使用方法

背景に合うアートワークを選びます。引き伸ばし、回転、描き直し、色の変更は行わないでください。効果を加えたり、クリアスペースに競合する要素を置いたりしないでください。製品のシグネチャーはその製品を示し、組織のシグネチャーはMasterを示します。

#色

金色はアイデンティティに温かさを添える一点です。インターフェースはニュートラルな面と読みやすい文字で構成します。提供されたグラデーションの各停止点を保ち、インターフェースのアクセントには共通の amber シグナルトークンを使います。

#タイポグラフィ

インターフェースとラテン文字には Geist、繁体字中国語には Noto Sans TC、コード、識別子、桁をそろえる数字には IBM Plex Mono を使います。

#トークン

ブランドトークンはアイデンティティを記述します。デザインシステムはインターフェースの素材、余白、高低差、操作部品、動きを管理します。製品を追加する際も、この役割を区別してください。

#コンポーネント

製品サイトでは共通のデザインシステムを使います。共通の素材、書体、操作規則を保ちながら、製品ごとに独自のホームページと例を組み立てられます。

#ブランドキット

Masterブランドキットをダウンロード。承認済みの組織・製品アートワーク、アイコン、ソーシャル画像、ブランドトークンを含みます。

#製品アイデンティティの方針

Master CSSアイデンティティガイドに、その製品の既存の使用方針を掲載しています。