欧文表記「StudyPort」＋和文表記「スタディポート」併記。PNG（透過）とSVG（ベクター）を用意しています。

studyport_logo

1024×1024／背景透過

PNG SVG

必須10セクションの順序と、各セクションの必須情報だけを示すワイヤーフレーム。配色・具体的なレイアウトは含みません。PC・SP各1点。

wireframe_simple_pc

PC版／1200×2200

ダウンロード

wireframe_simple_sp

SP版／480×2600

ダウンロード

個別メンタリング・添削を担当する講師の存在を示す写真2点。実在する特定個人とは無関係のAI生成画像です。

instructor_photo_01

1024×1024

ダウンロード

instructor_photo_02

1024×1024

ダウンロード

働きながら学習を進める様子を示す写真3点（自宅学習／オンラインメンタリング／通勤中の学習）。

student_scene_01

自宅・夜間学習／1536×1024

ダウンロード

student_scene_02

オンラインメンタリング／1536×1024

ダウンロード

student_scene_03

通勤中の学習／1536×1024

ダウンロード

学習内容セクションで使用する、汎用的な学習管理システムUIのモック3点（課題添削／個別メンタリング予約／カリキュラム進捗）。実在する特定サービスのUIとは無関係です。

screen_mockup_01

課題添削フィードバック／1536×1024

ダウンロード

screen_mockup_02

個別メンタリング予約／1536×1024

ダウンロード

screen_mockup_03

カリキュラム一覧・進捗／1536×1024

ダウンロード

メインコピー（文言変更不可）：働きながら、Webデザインを仕事につなげる12週間。

教材内で事実として扱ってよい範囲：12週間のオンライン講座であること／週1回の個別メンタリングがあること／学習中いつでも質問できるサポートがあること／課題に対して添削を受けられること／学習時間の目安が示されていること。上記以外の就職率・満足度・No.1・受講者数・スキル習得や収入の保証は追加しないでください。

支払方法・分割対応・キャンセル条件等の詳細は、運営の最新指定を正とします。教材本文・LP双方で、固定の詳細を独自に作成・掲載しないでください。

必須セクション順（変更不可）：FV → 悩み → 講座の特徴 → 学習内容 → 学習の流れ → サポート → 受講プラン → 受講者コメント → FAQ → 最終CTA

上記9項目は文言・数値を変更しないでください。セクション見出し自体の日本語表現はLevel 2として受講生が判断します。

StudyPort案件はLevel 2として、以下を受講生自身が判断します。

• 各セクションの見出し・補助コピーの具体的な表現（必須掲載情報の文言そのものは変更しない）
• 必須情報をどのセクション内でどう見せるか（グルーピング・並べ方・強調の仕方）
• 支給素材（講師写真・受講風景写真・学習画面モック）のうち、どれをどのセクションで使うか
• 受講者コメント・FAQの具体的な項目立て（内容は「教材内で事実として扱ってよい範囲」内で作成する）
• 装飾・配色の使用比率（ブランドカラーの範囲内）

以下はLevel 2の判断範囲に含まれません（変更・追加不可）：必須セクションの順序／必須掲載情報9項目の文言・数値／就職・転職・収入・スキル習得の保証表現、支給されていない就職率・満足度・No.1・受講者数の追加。

カラーパレット

タイポグラフィ

• フォントの最終指定は運営確認後とする（未確認事項_TODO.md項番3）
• 日本語・英字ともに、誠実で知的な印象を保ちつつ可読性を優先する書体を想定

ボイス＆トーン

誠実／前向き／知的／親しみ。

Do / Don't実例

• 本教材における「StudyPort」は架空のサービスであり、実在する商標・企業とは無関係です。
• 講師写真・受講風景写真・学習画面モックはすべてAI生成です。実在する特定個人・特定サービスのUIとは無関係です。
• これらの素材は本教材の学習目的での利用に限定してください。
• 実務では、支給素材を案件で使用する権利があるか・素材の取得元と利用条件が明確かを必ず確認する必要があります。本教材ではこの確認プロセス自体を学ぶことも目的としています。
• ⚠ 運営の素材管理表とのポリシー整合、指定フォントのライセンス条件は未確認のまま残っています（未確認事項_TODO.md項番3）。