ブランドガイドライン

ThriveDeskについて執筆する方や、連携するサービスを開発する方のためのロゴファイル、カラー、書体です。

ロゴマーク

1本の輪を描く線で表現した吹き出しのマークです。アプリアイコンやプロフィール画像など、ロゴ全体が収まらない場所で使用してください。明るい背景にはオレンジ、暗い背景には白を使います。

ThriveDeskロゴマーク、ライトモード
ライトモード 明るい背景用 SVG PNG
ThriveDeskロゴマーク、ダークモード
ダークモード 暗い背景・オレンジの背景用 SVG PNG

余白と最小サイズ

ロゴの周囲に余白を設け、ワードマークが読みにくくなるほど縮小しないでください。

½x ½x
余白。 ロゴの上下左右に、ロゴの高さの半分(½x)以上の余白を設けてください。この範囲には他の文字や画像を配置しないでください。
100 px
16 px
最小サイズ。 ロゴ全体の幅は、画面上で100 px以上、印刷では25 mm以上にしてください。それより小さい場合は、16 pxまで使用できるロゴマークに切り替えてください。

推奨事項と禁止事項

ファイルはそのまま使用してください。ロゴの変更が必要に思える場合は、レイアウトを変更してください。

推奨事項

  • このページのファイルをそのまま使用してください。
  • 暗い背景にはダークモード版を使用してください。
  • アプリアイコンと同様に、オレンジの背景には白いマークを配置してください。

禁止事項

  • 引き伸ばしたり、押し縮めたりしないでください。
  • 回転させないでください。
  • 色を変更しないでください。
  • 影や光彩を加えないでください。
  • マークが見えにくくなる背景色に配置しないでください。
  • ThriveDesk
    別のフォントでワードマークを打ち直さないでください。

カラー

ブランドカラーのSolar Flareは、使用を控えめにすることで効果を発揮します。他はすべて温かみのあるニュートラルカラーです。オレンジの背景に本文を配置しないでください。Solar Flare上の白い文字は、大きなサイズでのみWCAGのコントラスト基準を満たします。

ブランド

  • Solar Flare

    マーク、リンク、強調箇所。

    HEX
    #FF4D00
    RGB
    255 77 0
    OKLCH
    0.69 0.24 38.6
  • Ink

    見出し、本文、暗い背景。

    HEX
    #13110F
    RGB
    19 17 15
    OKLCH
    0.18 0.006 90

ニュートラルカラー

  • Cream

    ページの背景。

    HEX
    #FCFBF7
    RGB
    252 251 247
    OKLCH
    0.988 0.005 95.1
  • Paper

    カード、浮き上がった面。

    HEX
    #FFFEFC
    RGB
    255 254 252
    OKLCH
    0.997 0.003 95
  • Stone

    控えめなパネル、ホバー時の状態。

    HEX
    #F3F1ED
    RGB
    243 241 237
    OKLCH
    0.959 0.006 84.6
  • Slate

    補足テキスト、キャプション。

    HEX
    #777167
    RGB
    119 113 103
    OKLCH
    0.55 0.016 80

タイポグラフィ

Instrumentファミリーの2書体と、システム標準の等幅フォントを使用します。Instrumentの両フォントは、SIL Open Font Licenseの下で無料で使用できます。

  • Instrument Sans

    見出しと本文に使用します。ウェイト400〜700の可変フォントです。見出しは500または600、本文は400を使います。

    Google Fontsから入手
  • Instrument Serif Italic

    ホームページのように、見出し内の1〜2語の強調に使用します。文全体や本文には使用しないでください。

    Google Fontsから入手
  • システム標準の等幅フォント

    ラベル、見出し上の短いテキスト、メタデータに使用します。各端末の標準等幅フォントなので、インストールは不要です。

名称の表記方法

ThriveDeskは、TとDを大文字にした1つの単語です。ロゴではすべて大文字ですが、文章中では必ずThriveDeskと表記します。

正しい表記

ThriveDesk

避ける表記

  • Thrive Desk
  • Thrivedesk
  • THRIVEDESK
  • Thrive-Desk

ここにないファイルが必要ですか?

メール help@thrivedesk.com いただければ、お送りします。報道関連の情報やメディア向けの連絡先は、こちらをご覧ください: ニュースルーム.

メールで問い合わせ

使いやすさと対応力を備えたAIサポートプラットフォーム

共有受信トレイ、ライブチャット、ヘルプセンターを1つに。AIは返信だけでなく、チケットの解決、必要な操作、お客様への連絡まで行います。