--- title: ThriveDeskブランドガイドライン：ロゴ・カラー・タイポグラフィ canonical: "https://www.thrivedesk.com/ja/brand-guidelines/" author: ThriveDesk description: 明るい背景・暗い背景向けのThriveDeskのロゴとロゴマークをSVGまたはPNGでダウンロードできます。使用方法に加え、カラー、書体、名称の表記方法もご確認いただけます。 categories: [page] --- # ブランドガイドライン ThriveDeskについて執筆する方や、連携するサービスを開発する方のためのロゴファイル、カラー、書体です。 [ロゴファイルを入手](#logo) [ニュースルームを見る](https://www.thrivedesk.com/ja/press/) ## ロゴ マークとワードマークを組み合わせたものです。パートナーページや資料の表紙など、十分なスペースがある場所で使用してください。 ![ThriveDeskロゴ、ライトモード](https://www.thrivedesk.com/brand/thrivedesk-logo-light.svg) ライトモード 明るい背景用 [SVG](https://www.thrivedesk.com/brand/thrivedesk-logo-light.svg) [PNG](https://www.thrivedesk.com/brand/thrivedesk-logo-light.png) ![ThriveDeskロゴ、ダークモード](https://www.thrivedesk.com/brand/thrivedesk-logo-dark.svg) ダークモード 暗い背景用 [SVG](https://www.thrivedesk.com/brand/thrivedesk-logo-dark.svg) [PNG](https://www.thrivedesk.com/brand/thrivedesk-logo-dark.png) ## ロゴマーク 1本の輪を描く線で表現した吹き出しのマークです。アプリアイコンやプロフィール画像など、ロゴ全体が収まらない場所で使用してください。明るい背景にはオレンジ、暗い背景には白を使います。 ![ThriveDeskロゴマーク、ライトモード](https://www.thrivedesk.com/brand/thrivedesk-logomark-light.svg) ライトモード 明るい背景用 [SVG](https://www.thrivedesk.com/brand/thrivedesk-logomark-light.svg) [PNG](https://www.thrivedesk.com/brand/thrivedesk-logomark-light.png) ![ThriveDeskロゴマーク、ダークモード](https://www.thrivedesk.com/brand/thrivedesk-logomark-dark.svg) ダークモード 暗い背景・オレンジの背景用 [SVG](https://www.thrivedesk.com/brand/thrivedesk-logomark-dark.svg) [PNG](https://www.thrivedesk.com/brand/thrivedesk-logomark-dark.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から入手](https://fonts.google.com/specimen/Instrument+Sans) - ### Instrument Serif Italic ホームページのように、見出し内の1〜2語の強調に使用します。文全体や本文には使用しないでください。 [Google Fontsから入手](https://fonts.google.com/specimen/Instrument+Serif) - ### システム標準の等幅フォント ラベル、見出し上の短いテキスト、メタデータに使用します。各端末の標準等幅フォントなので、インストールは不要です。 ## 名称の表記方法 ThriveDeskは、TとDを大文字にした1つの単語です。ロゴではすべて大文字ですが、文章中では必ずThriveDeskと表記します。 ### 正しい表記 ThriveDesk ### 避ける表記 - Thrive Desk - Thrivedesk - THRIVEDESK - Thrive-Desk ## ここにないファイルが必要ですか？ メール [help@thrivedesk.com](mailto:help@thrivedesk.com) いただければ、お送りします。報道関連の情報やメディア向けの連絡先は、こちらをご覧ください： [ニュースルーム](https://www.thrivedesk.com/ja/press/). [メールで問い合わせ](mailto:help@thrivedesk.com)