日本語

ブランド

線、円、そして光が金属に与える影響。

マーク、その構築方法、および IO Patina LLC が使用のために公開するファイル。

グリッドからあらゆるサイズで描画されたシンボルとプライマリ ロックアップ。どちらもベクトルであり、1 つの画像ではありません。

建設

2 つの形状ではなく、1 つのルールです。

スポークは円周上に描かれており、各スポークの角度幅は方位に応じて変化します。その幅がフルピッチに達すると、隣接するスポークが結合し、リングがしっかりと形成されます。半分になると扇に分かれます。したがって、三日月と扇は 2 つの角度から見た同じオブジェクトであり、そのため、それらの間の遷移には継ぎ目がありません。

キャップグリッド — リング外径 = 100 単位
測定する値注記
リング外径 100 グリッド — 1 つおきの数値はそのパーセンテージです
空隙径 61.18 参照上のサークルフィット残差 0.84px
ボイドオフセット 2.53 残り 空洞は同心円ではありません、それがデザインです
バーの幅 12.99 上部と下部がリングと同一面になるようにする
バーとリングのギャップ 12.30 マーク内のスペースを空ける
スポーク、全周 114 ± 3 4 つの半径にわたる自己相関によるピッチ 3.10°–3.23°。マスターは粗すぎて正確に数えられない
スポーク幅 50% ピッチの外、屋外のファンの中で
ソリッドアーク 195°–330° 測定された。 9時少し下を中心に
全幅 126.67 リングを越えたファンのリーチを含む

光学サイジング

マークが小さくなるにつれてファンが細くなります。

スポークとそのギャップを 2 つのものとして読み取るには、およそ 3 ピクセルの円弧が必要です。 114 スポークを描画してラスタライザーにスポークを破壊させるのではなく、マークには 4 つのカットが含まれています。リング、中心を外れた空隙、バーとリングの隙間は 4 つすべてで同一であり、サイズが保持できない詳細のみが削除されています。

Display 上限 90px 以上 · すべての 114 スポーク
Medium キャップ 40–89px · 3 つおきのスポーク、幅が広がる — 38 が描画される
Quiet キャップ 40px の下 · ファンなし、真のプロポーション — サイトヘッダー
Favicon 16 および 32px アイコン · ファンなし、バーが 17.5 まで拡大されたため、ピクセル全体に到達します

ここでは違いがわかるように 4 つすべてが同じサイズで描かれています。それぞれは通常、カットされたサイズでのみ表示されます。

色

テキストを含む 6 つの値。

以下のすべてのペアは、WCAG 2.2 に対して測定されます。キットの 5 色のうち 3 色は、記載されているように紙の 4.5:1 に達していません。ストーン グレーは 2.81:1、ポータル ゴールドは 1.85:1、ミストは 1.10:1 です。そのため、それぞれが通過する場所で使用され、そうでないところは同じ色相を削除します。置換は設計システムに記録されます。

  • Deep Ink

    #0F1114

    見出し、主ボタン、暗い地面

    Paper の 16.76:1

  • Paper

    #F3F1ED

    ページグラウンド

    Deep Ink の 16.76:1

  • Portal Gold

    #C8B092

    暗い表面のみにアクセントを付ける

    Deep Ink の 9.08:1

  • Bronze

    #7C5F3E

    ライトサーフェス上のリンクとマーク

    Paper の 5.22:1

  • Graphite

    #4A4C4E

    ボディコピー

    Paper の 7.65:1

  • Stone

    #6B6D6B

    マイクロラベル — 最も軽いニュートラル

    Paper の 4.63:1

デバイス

マークから取られた 4 つのデバイス。

マークは精密な物体です。単に掲載されているだけのページは、ステッカーが貼られたページとして読み取れます。これら 4 つのデバイスは、ページ構造として使用されるマーク独自の測定値であるため、アイデンティティと Web サイトは、たまたまロゴを共有する 2 つのオブジェクトではなくなります。毎 IO Patina プロパティは同じセットから取得されます — の共通テーマを参照してください。 テーマ/.

デバイス 01 · バー

すべてのセクションの見出しにマークを付けます。アイデンティティの最も認識可能な要素が、すべてのページに何度も無料で表示されます。

5px ルール · レールの全高 · アクセントカラー

から 12.99 単位の語幹

建設

2 つの形状ではなく、1 つのルールです。

色

テキストを含む 6 つの値。

デバイス 02 · スポークルール

ページごとに 1 つ、ページの主境界にあります。 1 つおきの分割線はヘアラインのままです。描画されたルールは、それが唯一の場合にのみその重みを維持します。

ピッチ 6px · デューティ 50% · 高さ 10px · 右にフェードアウト

から ファンのピッチ

デバイス 03 · 金属

ハイライトではなく表面です。 1 ページに 1 つ、ヒーローまたは暗い帯の後ろにあり、読まなければならないテキストの後ろには決して置かないでください。

13px ページ端としてのバー ウォッシュ · 右上から叩かれたリング ウォッシュ

から 公開されたグラデーション

デバイス 04 · 中心からずれたボイド

レイアウトはリングの非対称性をコピーしています。テキスト列はレコード列より幅が広く、表示カットはページからはみ出しています。

列 1.35 / 1 · マークは 16% で右端を越えてはみ出しました

から void の 2.53 単位のオフセット

ページあたりの予算: 1 つの金属表面、1 つのマークの表示カット、1 つのダーク バンド、およびコンテンツに含まれるセクションと同数のバーとスポーク ルール。それを超えるとアイデンティティが装飾に戻ってしまいます。

書体

3 つの顔、自己ホスト。

3 つすべてがサブセット woff2 としてこのドメインから出荷されます。サイト上のどこにも他の場所からのフォントをリクエストするものはありません。これが、コンテンツ セキュリティ ポリシーがサードパーティのオリジンを完全に禁止できる理由でもあります。

Archivo インターフェース、見出し、本文

Ideas, carefully made.

変数、100–900。セクションの見出し、ナビゲーション、ボタンなどすべてが実行中のテキストとして読み取られます。ワードマークのアウトラインのソースでもあります。

Source Serif 4 表示のみ

Ideas, carefully made.

ページのタイトルとステートメント、30–62px。 26px を下回ることはありません。セリフは音声ではなくなり、テクスチャになります。

Martian Mono ラベルとデータ

Ideas, carefully made.

眉毛、記録行、サイト上のすべての数字。測定されたものはすべて測定されたとおりに読み取られます。

ファイル

ロゴファイルを公開しました。

それぞれはサイトがヘッダーを描画するのと同じジオメトリ モジュールから生成されるため、ファイルとライブ マークが一致しないことはありません。すべてベクトルです。

マークの使用

空きスペースを確保してください

リングの直径の少なくとも半分をすべての側に残しておきます。パブリッシュされたファイルの viewBox にはすでにこの情報が含まれているため、ファイルを端から端まで配置するだけで十分です。

リングを単純な円として再描画しないでください

扇の中に流れる三日月が目印です。一般的なリングはロゴが異なります。

再伸張、回転、再着色しないでください。

公開されたファイルを使用します。マークは高さよりも幅が広く、1 つの軸をスケーリングすると円が壊れます。

以下の56pxについては、アイコンファイルを使用してください

そのサイズではファンは解決できず、ノイズになってしまいます。ファビコンとアプリのアイコンには、すでに適切なカットが含まれています。

許可

IO Patina マークおよびワードマークは、IO Patina LLC の商標です。上記のファイルは、会社について書いたり、会社にリンクしたりする人が正しく表現できるように公開されています。

これらは、IO Patina LLC とその製品を参照するために使用される場合があります。存在しない支持、パートナーシップ、または提携を示唆するためにこれらを使用することはできません。また、他の組織の独自のマークに組み込むこともできません。

その他の用途、またはこのページが公開しないロックアップについては、次の宛先までご連絡ください。 legal@iopatina.com.