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

当社のフォント

プラットフォーム
詳細

デジタル以外のプラットフォーム

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

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

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

日本語のフォント代替としては、次を使用してください メイリオ UI。arrow-up-right

システムフォント(Microsoft および Adobe)

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

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

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

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

  • Regular — 本文用

  • Black — 主要見出し用

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

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

テキストスタイルと大文字(キャップス)

全大文字の使用はColtの広告素材において強力なデザイン・表現手段になり得ますが、明確さとインパクトを保つために意図的かつ節度を持って使用してください。

全大文字が適切な場合:

  • 広告文の見出し tメッセージを太く目立たせるため

  • コールアウトやハイライト 視覚的に目立たせる必要がある短く効果的なフレーズの場合

全大文字を避けるべき場合

  • 本文テキストや長い段落:全大文字は可読性を低下させ、攻撃的または圧倒的に感じられることがあります

  • トーンに敏感な内容:センシティブなメッセージを作成する際には、全大文字は不適切です

  • 過度の使用:全大文字を頻繁に使用するとその効果が薄れ、文書が散らかった印象になります

タイポグラフィの色

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

明るい色の上に別の明るい色を薄いまたはレギュラーのウェイトで置くと読みづらくなるため避けることが重要です。見出しなどの大きなテキストや太字のタイポグラフィは読みやすい場合があります。

フォントが11pt以下、またはレギュラーもしくはライトウェイトの場合は、いかなる色の背景上でも白文字を使用しないでください。

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

最終更新

役に立ちましたか?