For the complete documentation index, see llms.txt. This page is also available as Markdown.

タイポグラフィとフォント

当社のフォント

プラットフォーム
詳細

非デジタルプラットフォーム

Urbanistは当社の主要デザインフォントであり、Coltのすべてのコミュニケーションおよびマーケティング資料全体で使用します。

ウェブサイトとアプリケーション

Urbanistは当社のウェブフォントであり、オープンソースで無料で使用できるフォントです。これは、外部向けのすべてのウェブサイトで使用してください。

日本語の代替フォントには、 Meiryo UI を使用してください。

システムフォント(Microsoft & Adobe)

システムフォントが必要な場合、たとえばメールや、クライアントおよびパートナーに送付する PowerPoint や Word 文書では、Arial を使用してください。

Arial の使用は、Microsoft Office または Adobe Acrobat プラットフォームを使用する場合に限り、Colt にライセンスされていますのでご注意ください。それ以外の場合は、上記の「ウェブサイトとアプリケーション」セクションを参照してください。

使用中のタイポグラフィと階層

当社の主要フォントである Urbanist は、Regular と Black の 2 つのウェイトでの使用を推奨します。読み手に一貫した体験を提供するため、次のように使用してください:

  • Regular — 本文用

  • Black — 主要見出し用

フォントを使用する際は、読み手がコミュニケーションをたどりやすいよう、明確な階層構造を確保してください。

グローやドロップシャドウなど、テキストに効果を追加しないでください。

テキストスタイルと大文字表記

大文字のみの表記は、Colt の広告素材において強力なデザインおよびコミュニケーションツールになり得ますが、明瞭さと訴求力を維持するため、意図的に、かつ控えめに使用してください。

大文字のみが適切な場合:

  • 広告コピーの見出し tメッセージを強調し、見逃せないものにする

  • コールアウトまたは強調表示 視覚的に目立たせる必要がある短くインパクトのあるフレーズに

大文字のみを避けるべき場合

  • 本文や長い段落: 大文字のみでは可読性が下がり、攻撃的または圧迫感がある印象を与えることがあります

  • トーンに配慮が必要なコンテンツ: デリケートなメッセージを書く際に、大文字のみは適切ではありません

  • 使いすぎ: 大文字のみを頻繁に使いすぎると、その効果が薄れ、文書が雑然とした印象になります

タイポグラフィの色

標準の本文/段落テキストでは、可読性のために黒を使用してください。見出しや、文字が大きい/太い他の箇所では Colt Teal を自由に使用できますが、アクセシビリティと読みやすさを考慮してください。このガイドで使用しているように、Web向けのはるかに簡単な代替色は Colt Charcoal です。

明るい色の上に、明るい色をライトウェイトまたは標準ウェイトのフォントで重ねて使用しないことが重要です。読みにくくなりすぎます。見出しや太字のタイポグラフィなど、大きなテキストの方が読みやすい場合があります。

フォントが 11pt 以下、または標準ウェイト/ライトウェイトの場合、いかなる色の背景の上にも白いテキストを使用しないでください

色のコントラストが WCAG 2.1 に準拠していることを確認してください。

最終更新

役に立ちましたか?