VISUAL ARCHITECTURE

Sales Promotion Color(小学講座)

Overview

セールスプロモーションカラーの概要

About use

ご使用について

『スタディサプリ』のセールスプロモーションカラーは、小学講座の販促目的のデザインでのみ使用できる追加カラーです。配色の際は、ブランドベーシックカラーを基調として使用し、セールスプロモーションカラーは低年齢向けへの販促効果や好意度を最大化する目的のためにご使用ください。他の領域では使用することができません。

CMなど動画広告、グラフィック広告、DM、冊子、バナー、ノベルティなどでの使用を想定しています。LPに関してはアクセントカラーのみをポイントで使用できますので、LPチームおよびブランドチームと相談の上ご使用ください。

セールスプロモーションカラーは配色の自由度が高まりますが、それに伴いブランドらしさは減りやすい傾向にあります。あくまで追加カラーなので使用の際は、下記の使用規定・数値規定に従って使用し、必ずマーケティングチームおよびブランドチームのチェックを受けてください。

Sales Promotion Color Spectrum and Use

カラースペクトラムと使用方法

使用規定

  • 青系統(Sapuri Blue、Action Blue、Ultra Blue、Ultralight Blue及び左記のBackground Color)の割合が白と合わせて50%以上になるように使用ください。
  • 青系統以外の色に関しては各色を紙面の10%以下に抑えてください。
  • Sapuri Blueは必ず使用してください。

カラースペクトラム例

Color scheme

配色の例

  • DO

  • DON'T

青系統をベースとしてスタディサプリらしさを感じられる配色を目指してください。


  • DO

  • DON'T

目立たせることが主目的となったり、正しく価値が伝わらないデザインはしないように注意してください。


  • DO

  • DON'T

意図なくレインボーカラーなど多色を使うデザインは避けてください。

Sales Promotion Color

セールスプロモーション カラーコード一覧

小学講座の販促目的のデザインで使用できるカラーパレットをまとめたものです。
こちらに加え、ブランドベーシックカラーもご使用いただけます。

※表示アイテムの材質や表示色の制約等でこのルールが守れない場合は、マーケ&ブランドチームと協議の上『スタディサプリ』の世界観がくずれないよう配慮して慎重に色を選定してください。
下記以外の特色、箔、蛍光色、光沢紙などは必ずブランドチームに確認の上使用ください。

Sales Promotion Accent Color

Brand Basic Color

優先使用のブランドベーシックカラー

  • DarkBlue-700 HEX:#0B41A0 CMYK:C096/M081/Y004/k000 RGB:R011/G065/B160 PANTONE: Reflex Blue RGBで白抜き文字OK
  • UltraBlue-600 HEX:#1C80E7 CMYK:C079/M047/Y000/k000 RGB:R028/G128/B231 RGBで白抜き文字OK
  • SkyBlue-600 HEX:#0CA5E6 CMYK:C073/M022/Y022/k000 RGB:R012/G165/B230 RGBで白抜き文字OK
  • TurquoiseBlue-600 HEX:#3EC1BD CMYK:C067/M0002/Y034/k000 RGB:R062/G193/B189 RGBで白抜き文字OK
  • Pink-700 HEX:#DE30CA CMYK:C000/M085/Y000/k000 RGB:R222/G048/B202 強調色として優先使用、RGBで白抜き文字OK
  • ?¿¿¿Purple-800 HEX:#AA30DE CMYK:C060/M080/Y000/k000 RGB:R170/G048/B222 RGBで白抜き文字OK
Additional color

上記カラーとトーンを合わせた低年齢向けの販促効果&好意度の最大化するための追加カラー

  • Sales Promotion Pink HEX:#F56CA3 CMYK:C000/M071/Y015/k000 RGB:R222/G048/B202 width=
  • Sales Promotion yellow HEX:#FCDA21 CMYK:C000/M010/Y092/k000 RGB:R252/G218/B033
  • Sales Promotion Orange HEX:#FF8C5A CMYK:C000/M058/Y062/k000 RGB:R255/G140/B090
  • Sales Promotion Red HEX:#F0307D CMYK:C000/M090/Y025/k000 RGB:R240/G048/B125

Sales Promotion Background Color

セールスプロモーションアクセントカラーと連動した背景に使用できる追加カラーです。

  • DarkBlue-200 HEX:#C5D5F0 CMYK:C020/M015/Y000/k000 RGB:R197/G213/B240 PANTONE
  • UltraBlue-200 HEX:#CFE5FC CMYK:C018/M008/Y000/k000 RGB:R207/G229/B252 PANTONE
  • SkyBlue-200 HEX:#CAEDFC CMYK:C025/M000/Y000/k000 RGB:R202/G237/B252 PANTONE
  • TurquoiseBlue-200 HEX:#C5EBEA CMYK:C022/M000/Y012/k000 RGB:R197/G235/B234 PANTONE
  • Pink-200 HEX:#FADEF7 CMYK:C000/M017/Y000/k000 RGB:R250/G222/B247 PANTONE
  • Purple-200 HEX:#EEDAF7 CMYK:C012/M015/Y000/k000 RGB:R238/G218/B247 PANTONE
  • PinkRed-200 HEX:#FAE1EB CMYK:C000/M015/Y010/k000 RGB:R250/G225/B235 PANTONE
  • Yellow-200 HEX:#F8F1CC CMYK:C000/M002/Y020/k000 RGB:R248/G241/B204 PANTONE
  • Orange-200 HEX:#FCE0C0 CMYK:C000/M015/Y020/k000 RGB:R235/G224/B192 PANTONE

Special Colors & Print

特別使用色や特殊印刷について

マスタード、ゴールドの使用および特殊印刷はブランド保守の観点から、以下使用方法に従って使用してください。

The Color Spectrum with "Gold" & "Mustard"

Mustard and Gold の使用面積について

Yellow-500(0~100%)やゴールドの使用は原則メダル・アイコンの差し色のみに限っています。使用は全体の10%以下に抑えて下さい。リスティングバナーに関しては注目喚起の観点で、ブランドチームのチェックを受け使用することができます。

Yellow-500およびゴールドの配色は全体の10%以下に抑えて下さい。

How to Use the Special Print

特殊印刷について

ゴールドの印刷(箔)はNo.01表記およびメダルのみ使用できます。原則テキストへの使用は控えて下さい。

シルバー紙やホログラムを印刷で使用の場合は必ずブランドチームチェックを受けてください。