依頼フォームつきの作品プロフィールを AI でつくる

次のつくり手の、作品と世界観を見せて、お仕事の依頼を受け付けるプロフィールページを、1 ページでつくってください。

つくり手のこと（見本のページの例。依頼の内容で置きかえる）:
灯野ねむ。イラストレーター。夜の水辺と、ちいさな灯りを描いている。装画、CD ジャケット、個人のアイコンの依頼を受付中。いまの依頼は 1 か月ほどで届けている。依頼には 3 日以内にメールで返事をする。作品: 灯の舟（2026、小説の装画）、雨の音を聴く（2026、個展）、月夜の魚（2025、CD ジャケット）、眠る町（2025、絵本の挿絵）、ひとつ星（2025、ポストカード）、水面の手紙（2024、個人のご依頼）。リンク: Instagram（制作の途中）、X（お知らせ）、グッズのショップ

入れるもの（依頼に合わせて、足したり外したりしてかまいません）:
- いちばん上に、肩書き（イラスト、作曲など）、名前、世界観をあらわす 1〜2 文、依頼の受付状況（「ご依頼受付中」のように日付のない短いことば。納品までの目安は、依頼にあればその下に 1 行で）、「お仕事を依頼する」（依頼のフォームへ）と「作品を見る」のボタン、SNS へのリンク。スマホの最初の画面に、ここまでが入るように
- 作品: 大きく並べる。いちばん見せたい 1 つを横いっぱいにし、残りはスマホで 2 列、パソコンで 3 列。作品ごとに題名と、年・使われた場所
  - 作品の画像の URL が依頼にあれば、その画像（<img>、loading="lazy"、alt に作品の説明）。なければ、作品ごとの色と形で CSS で描いた表紙
  - 音楽なら、曲やライブを一覧にする（題名、その下に年か日付、聴く先やチケットへのリンク。行と行、題名と下の行のあいだも 4px の倍数）。曲・動画・投稿は、配信や投稿の先へのリンクにする（埋め込みは使わない）
- 世界観: 本人のことばで 2〜4 文。描くもの・つくるもののタグと、受けられる仕事の一覧
- 依頼: 受け付けの流れ（3 つほどの手順）と、Convika のフォーム。フォームを置く場所に空の <div id="commission" data-convika-form></div> を 1 つだけ置き、自分では <form> を書かない。フォームで聞くことは、ページのデータ（<script type="application/json" data-cvk-slot="commission">{"ask":[…]}</script>）に項目の名前の一覧で書く。Convika がこの一覧どおりの項目のフォームをつくって置く。指定がなければ、名前、メールアドレス、依頼の内容、使い道、希望の納期、予算、参考になる URL
- 最後に、SNS のリンクの一覧と「このページのリンクをコピー」のボタン
- リンクは HTML に直接書く（スクリプトでつくらない）

事実の扱い:
- 名前・作品名・リンク先・受付状況は、依頼に書かれたものだけを使う。上の例（見本のページ）の名前・作品・リンク・受付状況・返事の日数は、依頼の人のものではないので使わない。名前が書かれていなければ「なまえ」、リンク先が書かれていなければ "#" にする（仮のものはこの 2 つだけ）
- @ID、リンク先の URL、メールアドレスは、依頼に書かれたとおりに 1 文字ずつ写す。「_」「.」や数字も、そのあとに続く文字も ID やアドレスの一部なので、削ったり短くしたり、それらしく整えたりしない
- 依頼に何もない欄（作品・世界観・描くもの・できること・受付状況）は、見出しごと入れない。「作品のタイトル」「ここに書く」のような、書き方を指示する仮の文字は書かない。依頼のフォームはいつも置く
- 作品の一覧と「作品を見る」のボタンは依頼に作品があるときだけ、受付状況は依頼に状況があるときだけ、料金は依頼に料金があるときだけ置く。「イラストの依頼を受けたい」のような希望や、雰囲気・色の指定は、見た目と「お仕事を依頼する」のボタン、依頼のフォームにだけ表し、欄を足さない
- SNS などのリンクは、依頼に書かれたものだけ。リンクの説明も、書かれていなければつけない。依頼にリンクが 1 つもなければ、仮のリンク（"#"）を 1 つ
- 料金、返事や納品までの日数、実績の数、取引先の名前は、書かれていなければ載せない
- 日付は、依頼に書かれているときだけ書く（公開したページは何か月も残るので、自分で日付をつくらない）
- 依頼に書かれていない実在の作品・キャラクター・企業の名前は使わない（依頼に書かれた取引先や作品の名前は、そのまま載せる）

デザイン（このページの DESIGN.md。毎回これに従う）:
- 見た目は依頼にいちばん近いものを 1 つ選ぶ。色の指定があれば、その見た目の色を差し替える
  - A 夜のギャラリー（指定がないとき）: 背景 #111317、面 #1A1D22、文字 #EEEAE3、薄い文字 #A8A39A、線 #2E333B、アクセント #E9B44C（ボタンの面。上の文字は #17140E）。角 6px。見出し Shippori Mincho（700）、本文 Zen Kaku Gothic New（400 と 700）
  - B 紙と余白（写真や装丁に）: 背景 #F4F0E8、面 #FFFCF6、文字 #1F1C18、薄い文字 #5F594F、線 #DDD5C7、アクセント #A63A24（ボタンの面。上の文字は #FFFFFF）。角 2px、細い罫線。見出し Shippori Mincho B1（700）、本文 Noto Sans JP（400 と 700）
  - C 音のネオン（音楽に）: 背景 #0B0B12、面 #15151F、文字 #F2F2F7、薄い文字 #A9A9BC、線 #26263A、アクセント #6FF2C3（ボタンの面。上の文字は #0B0B12）。角 12px。見出し Dela Gothic One、本文 Zen Kaku Gothic New
- 依頼のフォームは、どの見た目でも明るい紙のカード（背景 #F3EEE5、文字 #221E18）に置く。カードで --cvk-form-accent と --cvk-form-accent-text を指定して、フォームのボタンの色を合わせる
- 色は CSS 変数（--bg、--surface、--ink、--muted、--accent、--line）にまとめる。差し替えた色でも、文字と背景のコントラストは 4.5:1 以上
- 文字: 名前 36px（パソコンでは 48px）、見出し 24px、世界観の文 18px、本文 16px、補足 13〜14px。本文の行の高さ 1.8。日本語は word-break: auto-phrase
- 余白は 4px の倍数（4・8・12・16・20・24・32・48・64）。セクションのあいだは 48px。幅は最大 1040px
- 動き: いちばん上が 0.5 秒でふわっと出るだけ。作品は動かさない。prefers-reduced-motion のときは動かさない
- リンクとボタンは、どれも高さも幅も 44px 以上（min-height: 44px。Tailwind なら min-h-[44px]）で、となりと 8px 以上あける。リンクの文字は行き先がわかることばにする（「詳細」「こちら」にしない）。ボタンの文字は 1 行。横にスクロールしない
- 避けること: 作品の上に文字を重ねる、作品を小さなサムネイルにする、SNS のロゴの画像、文字のグラデーション、画面の下に固定するもの（Free のページは、いちばん下に Convika のバナーが出る）
- 文章は本人の口調で、静かに。売り込みのことばは使わない

HTML ファイル 1 つで、CSS と JavaScript もその中に書いてください。入力された内容はどこにも送らず、画像ファイルは使わないでください。スマホの縦画面でも使えるようにしてください。画面のいちばん下の右側はあけておいてください。応援ボタンが出ることがあります。

上の内容は見本です。しくみや画面の組み立て、雰囲気はそのままに、次の希望に合わせて中身を変えてください。
つくりたいもの：＿＿＿