LINEログインボタン デザインガイドライン

LINEログインボタンを追加することによって、ユーザーがLINEログインを利用してアプリにログインできるようになります。

LINEログインボタンの画像

LINEログインボタンは、LINEアイコン、LINEアイコンの吹き出し、LINEログインボタンテキストの、3つの要素で構成されています。

LINEログインボタンを利用するには、「Usage Guidelines for the LINE Login Button」を読み、内容に同意する必要があります。画像をダウンロードすることにより、ガイドラインに同意したものとみなされます。

ダウンロードリンク:LINE Login button images

ウェブ、iOS、またはAndroidアプリに利用できる画像セットがさまざまな画質で用意されています。ログインテキストを多言語にカスタマイズするには、PSDファイルを使います。

デザインガイドライン

アプリにLINEログインボタンを追加する際は、本デザインガイドラインに従ってください。

サイズ

以下の条件を満たしていれば、ログインボタンを表示させるデバイスに応じて、画像サイズを拡大または縮小してかまいません。

  • LINEアイコンのアスペクト比が維持されている。
  • LINEアイコンをはっきりと視認できる。

LINEログインボタンは、必ず以下の色で表示してください。

  • 基本色:#00C300
  • マウスオーバー:#00E000
  • タップ/クリック:#00B300
  • 無効:#C6C6C6
  • 文字色:#FFFFFF

LINEログインボタンの色

テキスト

LINEログインボタンのテキストは、「LINEでログイン」にすることを推奨しています。各言語での推奨文言については、以下の表を参照してください。

独自のボタンテキストを使用する場合は、以下のガイドラインに従ってください。

  • 改行を入れないこと。
  • LINEでアプリにログインすることがユーザーにはっきりと伝わること。

LINEアイコンをテキストなしでLINEログインボタンとして使用することも可能です。

言語 ログインボタンテキスト(長文) ログインボタンテキスト(短文)
en Log in with LINE Log in
ja LINEでログイン ログイン
ko LINE으로 로그인 로그인
de Mit LINE anmelden Anmelden
es Iniciar sesión con LINE Iniciar sesión
fr Connexion avec LINE Se connecter
id Masuk dengan LINE Masuk
it Login con LINE Login
ms Log masuk dengan LINE Log Masuk
pt-BR Login com o LINE Login
pt-PT Iniciar sessão com o LINE Iniciar sessão
ru Войти в LINE Войти
th ล็อกอินด้วย LINE ล็อกอิน
tr LINE ile oturum açın Oturum Aç
ar تسجيل دخول باستخدام LINE تسجيل دخول
vi Đăng nhập với LINE Đăng nhập
zh-CN 用LINE帐号登录 登录
zh-TW 與LINE連動 連動

フォント

ボタンテキストのフォントは、判読可能なものでなければなりません。画像サイズ毎に推奨される文字の大きさについては、PSDファイルを参照してください。

余白

LINEログインボタンテキストの左右の余白は、LINEアイコンの吹き出しの幅以上である必要があります(以下の図でXと定義されている部分です)。

上下の余白は吹き出しの幅の1/2を推奨します。文字サイズを選ぶ際は、これらの余白を確保できるようにご注意ください。

LINEログインボタンの余白

保護エリア

保護エリアとは、LINEログインボタンの周囲の、何も要素を含めない部分です。保護エリアの幅は、LINEアイコンの吹き出しの左の余白と同等以上にしてください(以下の図でAと定義されている部分です)。保護エリアを維持するだけでなく、LINEログインボタンの効果を損なわないよう、テキストやグラフィックを保護エリアの近くに配置しないでください。

LINEログインボタンの保護エリア

よくある間違い

  • 規定以外の色を使用する。
  • 旧式のLINEアイコンを使用する。
  • 別のアイコンまたは改変したLINEアイコンを使用する。

ご意見やご要望がある場合

LINEプラットフォームのドキュメントやサービスについてご不明な点があるときは、まず「FAQ」ページをご覧ください。疑問が解決しない、またはドキュメントの内容やLINEプラットフォームの機能についてご要望があれば、以下のボタンをクリックするか、GitHubのLINE Platform feedbackリポジトリにイシューを作成してお知らせください。