Re:Step案件 支給素材
トライアル案件・支給素材
Re:Step案件 支給素材ダウンロード
全8点 Lesson 1-2「Re:Step案件の要件確認と制作」で使用
← レッスンに戻る

このページでは、Re:Step案件の制作に必要な支給素材8点をすべて取得・確認できます。画像素材はサムネイルを確認のうえダウンロードし、テキスト素材はそのままコピーして使用してください。

!
素材を使う前に必ず確認してください
  • 本教材における「Re:Step」は架空のスクールであり、実在する商標・企業とは無関係です。
  • 支給素材（ロゴ・講師写真・受講風景写真・学習画面モック）はすべてAI生成であり、写真内の人物は実在しない架空の人物です。
  • これらの素材は本教材の学習目的での利用に限定してください。
  • 実務案件では、支給素材を使用する権利があるか・取得元と利用条件が明確かを必ず確認します。本教材ではこの確認プロセス自体を学ぶことも目的としています。
01
ブランドロゴ（restep_logo）

欧文ロゴ「Re:Step」＋和文表記「リステップ」併記。PNG（透過）とSVG（ベクター）を用意しています。

Re:Stepロゴ
restep_logo
1024×1024／背景透過
PNG SVG
ロゴ使用ルール内容
最小使用サイズ幅80px相当
セーフエリアロゴ高さの50%相当を四辺に確保する
背景色別の使用可否ホワイト系の明るい背景・ライトブルー系背景での使用を想定。ネイビーの暗い背景での使用は本案件では想定しない
NGな使い方縦横比の変更、色の変更、背景とのコントラスト不足での配置
02
講師写真（instructor_photo_01〜02）

オンラインで指導する架空講師の写真2点。性別・年齢の見た目に幅を持たせています。両方使う必要はなく、目的に合う方を主役にしてください。

講師写真01
instructor_photo_01
1600×1600
ダウンロード
講師写真02
instructor_photo_02
1600×1600
ダウンロード
03
受講風景写真（lesson_scene_photo_01〜02）

利用シーンが異なる受講者側の写真2点（自宅・カフェ等）です。ターゲット層に近い社会人が写っています。

受講風景写真01
lesson_scene_photo_01
1600×1600
ダウンロード
受講風景写真02
lesson_scene_photo_02
1600×1600
ダウンロード
04
学習画面モック（lms_mockup_01〜02）

オンライン学習画面のUIモック2点（ビデオ通話画面／レッスン動画視聴画面）。バナー内に補足的に添える用途を想定しています。

学習画面モック01
lms_mockup_01
1600×1000／ビデオ通話画面
ダウンロード
学習画面モック02
lms_mockup_02
1600×1000／レッスン動画視聴画面
ダウンロード
05
必須コピー一覧（required_copy）

文言変更不可。このとおり正確に使用してください。

項目名文言（確定）使用箇所・備考
ブランドロゴRe:Step（ロゴ画像を使用）バナー上部／restep_logo素材を使用、文言変更不可
メインコピー未経験から学ぶWebデザインメインビジュアル
サブコピーはじめの一歩を、今日から。メインコピー付近
訴求ワード無料体験レッスン目立つ位置
補足情報オンライン60分訴求ワード付近
補足情報参加費0円訴求ワード付近
CTA無料体験を予約CTAボタン／文言変更不可
06
無料体験の概要シート（trial_lesson_sheet）
提供形式オンライン（ビデオ通話）
所要時間60分
内容個別相談付き
参加費0円
対象未経験からWebデザインを学びたい社会人
講座テーマ未経験から学ぶWebデザイン

サービス説明文（教材内で事実として扱ってよい範囲）

働きながらWebスキルを学べるオンラインスクール。無料体験レッスンはオンライン60分・個別相談付き・参加費0円。上記以外の就職実績・収入実績・スキル習得の保証・満足度・受講者数・No.1表現等は追加しないでください。

サイズ規定（バナー制作要件）

掲載媒体Meta広告（Facebook/Instagramフィード想定）
サイズ1200 × 628px
07
ブランドガイド（brand_guide）

カラーパレット

役割色名Hex使用比率の目安
ベースホワイト#FFFFFF背景の大部分
メインネイビー#19324D見出し・テキスト・信頼感の演出
サブブルー#4C8FD8アクセント・図形・CTA周り
背景・補助ライトブルー#EAF4FF背景の一部・区切り
アクセントイエロー#F4C95DCTAボタンや小さな強調のみ、使用範囲は最小限

タイポグラフィ

  • 日本語：Noto Sans JP
  • 英字：Inter
  • 使い分け：コピー本文は日本語フォント、Re:Step等の英字表記はInterを優先する

ボイス＆トーン

前向き／信頼感／親しみ／清潔感。

Do / Don't実例

Do（良い例）Don't（NG例）
ホワイト・ライトブルーを土台にネイビー・ブルーで信頼感を出す背景全体を彩度の高いイエローで塗りつぶす
写真とコピーを引き立てる余白を確保する装飾や図形を大量に敷き詰めて余白を埋める
必須コピーの文言をそのまま使用する必須コピーの言い回しを独自に変更する
サービス特徴は構成案が明示した範囲のみ記載する就職・収入・スキル習得の保証やNo.1表現を追加する
08
素材利用上の注意事項（asset_notice）

トリミング範囲

  • 講師写真・受講風景写真は、人物の顔・上半身が判別できる範囲を残してトリミングする
  • 人物の視線方向を切り取らない（視線誘導に使うため）
  • 学習画面モックは、画面フレームの角が欠けない範囲でトリミングする
  • ロゴは、セーフエリア（ロゴ高さの50%相当）を確保できる範囲でのみ配置・トリミングする

禁止表現

  • 就職・収入・スキル習得を保証する表現を画像内テキストとして追加しない
  • 支給されていない実績・満足度・受講者数・No.1表現を追加しない
  • 講師写真・受講風景写真の人物の色味・体型等を不自然に加工しない
  • 学習画面モックに実在サービスのロゴ・UIデザインを模倣した要素を追加しない

素材の位置づけ

  • 本教材における「Re:Step」は架空のスクールであり、実在する商標・企業とは無関係です。
  • 支給素材（ロゴ・講師写真・受講風景写真・学習画面モック）はすべてAI生成であり、写真内の人物は実在しない架空の人物です。
  • これらの素材は本教材の学習目的での利用に限定してください。
  • 実務では、支給素材を案件で使用する権利があるか・素材の取得元と利用条件が明確かを必ず確認する必要があります。本教材ではこの確認プロセス自体を学ぶことも目的としています。
レッスンに戻って制作を続ける →