公開中の紙面 ness_v16(13本目の run 20260829_1918_ness_v9・入口 mat_v16)を、run の実物の記録だけから起こした解説。数はすべて実測で、抽出は決定的(LLM なし・$0・tools/explain_extract.py)。noindex。
参考 LP 群から骨になる 1 本を選び、節(セクション)単位で別の LP の節を差し替え、商材(ネスアフタースクール=小学生向け英語学童)の文言と絵に置き換えて 1 本の LP を作る仕組み。出典の LP からは構図と器(レイアウト)だけを借り、文言は発注書から書き、絵は全部焼き直す。出典の文字・写真・ロゴが紙面に残っていないことを門(自動検査)が数える。
13本目の run(10:18〜10:49 UTC・約 31 分・$12.51)で走った 24 工程。色は費用のかかる呼び出しの有無: 決定的($0)画像API+LLMVision
外部コマンドは計 46 本で、すべて exit 0。費用の内訳は 焼き $4.24・透過の焼き直し $2.76・板 gpt-5.5 $2.89・Vision $1.75・leak $0.87。
run は入口ディレクトリの材料だけを読む。どの工程がどれを読むかは run の記録(run_state)にある。
| 材料 | 役割(artifact 名) | 読む工程 |
|---|---|---|
REBUILD.md | — | (この run では読まれていない) |
all_text.json | all_text.json | LPK1 |
alpha_need.json | alpha_need.json | LPK8P |
assets | assets | LPK4L |
bake_pink.json | — | (この run では読まれていない) |
board_dom.json | board_dom.json | LPK4B・LPK8P |
burn_import | burn_import | LPK8P |
copy_burn.json | copy_burn.json | LPK8P |
copy_html.json | copy_html.json | LPK3・LPK3C |
copy_report.json | copy_report.json | LPK3C |
facts.json | facts.json | LPK3C |
fill.json | fill | LPK3 |
frame_nature.json | frame_nature.json | LPK8P |
img_gates.json | — | (この run では読まれていない) |
img_product.yaml | img_product.yaml | LPK8P |
inputs_recipe.json | — | (この run では読まれていない) |
logomap.json | logomap.json | LPK8P・LPK8X |
mono.json | mono.json | LPK8P |
originality.json | — | (この run では読まれていない) |
other_product.json | other_product.json | LPK4S・LPK5A・LPK5D・LPK5G・LPK8P・LPK8S |
ref_master | ref_master | LPK8P |
refplan.json | refplan.json | LPK8P |
secpos_dom.json | — | (この run では読まれていない) |
source | source | LPK3・LPK3C・LPK4・LPK4F・LPK5・LPK5D・LPK5G・LPK7・LPK7U・LPK8P |
spec_source | spec_source | LPK1・LPK2・LPK2C・LPK3・LPK3C・LPK4S・LPK5G |
src_shot.png | src_shot.png | LPK7 |
tone.json | tone | LPK2 |
tone_control_1.json | tone_control_1 | LPK2C |
tone_control_2.json | tone_control_2 | LPK2C |
tone_mood.yaml | tone_mood.yaml | LPK8P |
このほか条件(旗)が立たずスキップした工程が 13: LPK2X(tone_fix)・LPK2G(tone_fix)・LPK2D(dom_retone)・LPK8I(icons)・LPK8B(img_sense)・LPK3I(img_map)・LPK8(legacy_bake)・LPK3IB(legacy_bake)・LPK8T(imgtext)・bakepink/qual(darkband)・LPK5V(imgvisible)・LPK7T(tonemetric)・LPK10(quality)。
run の門は 28 本(一覧は §5)。この run は合格 5/不合格 23。不合格は「直すべき点が残っている」の申告で、公開条件(出典の原画の写し 0・商標文字 0・増えた br 0)は別に満たしている。各門は母数の申告つき——「1 つも見つからなかった」と「材料が無くて 1 つも見ていない」を区別する。
合成した出典列の各節は、まず穴と枠に分解される。文字は「穴」(DOM の文字節点=dpath で番地づけ)、絵は「枠」(img 要素や背景の箱)。それぞれに発注書(文言の狙い・字数・作り方)と枠の性質(被写体の占有率・字の有無・縁の透け)が付き、当て込み(どう埋めるか)は規則 1 箇所で決まる。
| パーツ | 数(13本目) | どう埋めるか |
|---|---|---|
| 文字の穴(HTML) | 119 | 発注書の文言を dpath の鍵で流し込む(LPK3C)。狙いの字数・「切る/切らない」・上限は発注書が持ち、門が上限を数える |
| 絵に焼く字 | 68 | 画像の中に置く文言。焼く指示に「この文言だけを一字一句」と書き、Vision の門が読んで確かめる |
| 読めていない絵 | 16 | alt が空で Vision でも読んでいない枠(発注書の申告のまま・正直に数える) |
| 画像の枠(焼いた) | 95 | 画像API(gpt-image)で焼き直す。内訳: 透過 63・写真 24・板 5・図解 3 |
| ├ 透過(63) | 縁の透け ≥50% の枠。キー色(純シアン等)の地に焼き、キー色を抜いて透過 PNG にする(contain) | |
| ├ 写真(24) | 自然な色を保つ。人物の肌・服は変えず空気だけトンマナへ。枠いっぱいに cover | |
| ├ 板(5) | 文字の載る面。透過しない・cover | |
| └ 図解(3) | 単色の図・イラスト。contain で枠に収める | |
| DOM 板 | ON 38/組めた 37 | 文字の多い板は焼かず、gpt-5.5 が HTML 断片で組む。渡すのは箱の寸法・文言・4 色だけ。門(はみ出し・色・文言一致)を通った候補だけ紙面の <img> と差し替える |
| CSS で引いた枠 | 13 | 罫(点線)・地のベタ塗り。絵に焼かず CSS で引く($0) |
| ロゴ → SVG | 5 | 商標を画像APIに焼かせない。logomap.json から SVG で組む |
帯の物差しは run の LPK5D secpos_dom.json(DOM の根の rect)。左=合成後の出典列の帯(sections_src・素の紙面を撮って切った)、右=13本目の帯(sections_v16・公開紙面 ness_v16 の撮り)。プロンプトは全文を畳んで載せる——節番号・実測色などの内部情報が指示に入っていないことがこの頁でも見える。文言の対比は要約(全文は発注書 copyreq_v16 が正)。
パーツ: 文字の穴(HTML)1・絵に焼く字 2・読めていない絵 1・画像の枠 2・DOM 板 0・CSS 0
| 役割 | 出典の文面(要約) | 書いた文言(=紙面の文言) | 発注の狙い |
|---|---|---|---|
| 対象となる子どもの年齢注記 | 2歳児から5歳児のお子さま対象 | 4歳から小学生のお子さま対象 束ねられた(書いた文言の包含で当てた・鍵 8/1/1/1/1/3/1/1/0) | 字数 5〜65・切らない |
| 役割 | 出典の絵の字 | 書いた文言 |
|---|---|---|
| 園ブランドのロゴ画像 | KD・International・バイリンガル幼児園・KidsDuo・International | (ロゴ・商標・受賞=作らない(文言は要らない)) |
| 冒頭の園紹介メイン画像 | — | 英語で考える力と多彩な探究型アクティビティを育む、放課後の英語学童 ネスアフタースクール |
読めていない絵 1 枠(alt が空・Vision で読むまで測っていない——発注書の申告のまま)。
8/1/1/1/1/7/1・箱 42×42 px・図解・fit=contain・参照あり(93f1379a6767.webp)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。この枠には白い文字が重なるので、地は濃く沈める(明度を上げない)。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 42×42px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [平らな飾り] 青緑の四角い背景に白い横線が縦に並ぶ記号 単色(1色)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 この枠に文字は無い。文字・数字・単位・ロゴを一切描かない。 Do not draw logos, brand marks, social-media icons or trademark-like symbols. 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
8/5/1/1・箱 390×859 px・写真・fit=cover・参照あり(2deae7ea424a__textmasked.png)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 390×859px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1:2.20の縦長。焼いたあと中央の 68%×100% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。左右それぞれ幅の16%は紙の色 #fffafc だけで平らに塗った余白帯にし(絵の地の色や模様で塗らない)、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 教室の机で英語の絵本を囲む私服の小学生たちと、隣に座る外国人講師。手元中心で顔は写さない。余白を広く取る。添える文言: 『英語で学び、考え、表現する放課後へ』。 2. [焼く文字] 文字は正確に「英語で考える力と多彩な探究型アクティビティを育む、放課後の英語学童 ネスアフタースクール」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
パーツ: 文字の穴(HTML)3・絵に焼く字 1・読めていない絵 1・画像の枠 2・DOM 板 0・CSS 1
| 役割 | 出典の文面(要約) | 書いた文言(=紙面の文言) | 発注の狙い |
|---|---|---|---|
| 無料体験予約問い合わせ見出し | 無料体験予約 ・お問い合わせ | 無料体験・見学の予約相談 | 字数 3〜15・切る |
| 無料体験レッスン案内文 | 無料体験レッスンで、ネイティブ講師との会話や、少人数制クラスの活気ある雰囲気をご体感ください。 | 無料体験では英語レベルチェックを行い、スクールの雰囲気をご覧いただけます。日本人スタッフがシステムもご説明します。 | 字数 5〜65・切らない |
| 無料体験予約問い合わせボタン文言 | 無料体験予約・お問い合わせ | 無料体験・見学を予約 | 字数 6〜15・切る |
| 役割 | 出典の絵の字 | 書いた文言 |
|---|---|---|
| 教室の子ども参加者写真 | crocs | 学びの風景 |
読めていない絵 1 枠(alt が空・Vision で読むまで測っていない——発注書の申告のまま)。
8/9/1/1/1/1/1/1/3・箱 40×36 px・透過・fit=contain・参照あり(ced75b2ce56f.png)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 40×36px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1.11:1の横長。焼いたあと中央の 100%×90% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの5%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [単色の図] 机に置かれた英語の絵本の静物。キャラクターは写さない。紙面での役目: 予約案内の装飾アイコン。添える文言: 『無料体験・見学のご案内』。構図は出典の絵に倣う: 丸い黄色の鳥が左を向き、橙色のくちばしと足がある 単色(1色 #c2607f)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 この枠に文字は無い。文字・数字・単位・ロゴを一切描かない。 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 40×36px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1.11:1の横長。焼いたあと中央の 100%×90% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの5%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [単色の図] 机に置かれた英語の絵本の静物。キャラクターは写さない。紙面での役目: 予約案内の装飾アイコン。添える文言: 『無料体験・見学のご案内』。構図は出典の絵に倣う: 丸い黄色の鳥が左を向き、橙色のくちばしと足がある 単色(1色 #c2607f)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 この枠に文字は無い。文字・数字・単位・ロゴを一切描かない。 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure cyan RGB(0,255,255). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure cyan RGB(0,255,255) or any similar hue anywhere inside the subject itself. The subject itself contains an opaque panel/card/button shape of colour #fcf102; draw that shape solid and fully opaque (no transparency, no pure cyan RGB(0,255,255) inside it) with its text on it — only the area outside the subject is the flat pure cyan RGB(0,255,255) background.
8/9/1/1/1/3/1・箱 342×193 px・写真・fit=cover・参照あり(df84cea03002__masked.png)【スタイルDNA: パステルピンク・丸角】写真は自然な色。人物の肌・服・背景の色は変えない。地・小物・光の空気だけを配色(#fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45)に寄せる。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 342×193px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1.77:1の横長。焼いたあと中央の 100%×84% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの8%は紙の色 #fffafc だけで平らに塗った余白帯にし(絵の地の色や模様で塗らない)、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。写真なので色は自然なままでよい(上の【スタイルDNA】の写真の句に従う)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 私服の小学生が教室の机に並んで座っている後ろ姿。紙面での役目: DUCK受講児の集合写真。添える文言: 『学ぶ子ども』。構図は出典の絵に倣う: 明るい室内で複数の子どもが床に座っている写真 2. [焼く文字] 文字は正確に「学びの風景」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
CSS で引いた枠 1: 地のベタ塗り(#5a3a45・390×497 px)
パーツ: 文字の穴(HTML)3・絵に焼く字 3・読めていない絵 1・画像の枠 5・DOM 板 1・CSS 1
| 役割 | 出典の文面(要約) | 書いた文言(=紙面の文言) | 発注の狙い |
|---|---|---|---|
| 習い事併用時の送迎負担 | 複数の送迎負担 | 送迎が重なる | 字数 14〜34・切らない |
| 習い事併用時の情報管理負担 | 複数の情報管理 | 連絡が散らばる | 字数 14〜34・切らない |
| 習い事併用時の休日不足 | 休日がない | 休みが減る | 字数 14〜34・切らない |
| 役割 | 出典の絵の字 | 書いた文言 |
|---|---|---|
| ワンストップ複合カリキュラム図 | ワンストップで・複合的な・カリキュラムを提供 | 英語と選ぶ活動 / まとめて / 多彩なカリキュラム |
| 保育施設と習い事併用図 | 一般的な保育施設と・複数の習い事に通わせるには | 預け先と習い事が別 / 予定管理と送り迎えが重なる |
| 不明 | A・B・C・自宅・保育園 | (文言なし) |
読めていない絵 1 枠(alt が空・Vision で読むまで測っていない——発注書の申告のまま)。
8/13/1/1/0・箱 367×102 px・透過・fit=contain・参照あり(eacc6fdaa5a7__textmasked.png)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 367×102px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 3.58:1の横長。焼いたあと中央の 100%×42% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの29%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] サッカーをする人物とポンポンを持つ応援する人物のイラスト(複合カリキュラム提供の図解)。中身の文字は[焼く文字]のとおり。写真・人物・静物にしない 2. [焼く文字] 文字は正確に(改行も)「英語と選ぶ活動 まとめて 多彩なカリキュラム」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 367×102px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 3.58:1の横長。焼いたあと中央の 100%×42% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの29%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] サッカーをする人物とポンポンを持つ応援する人物のイラスト(複合カリキュラム提供の図解)。中身の文字は[焼く文字]のとおり。写真・人物・静物にしない 2. [焼く文字] 文字は正確に(改行も)「英語と選ぶ活動 まとめて 多彩なカリキュラム」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure green RGB(0,255,0). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure green RGB(0,255,0) or any similar hue anywhere inside the subject itself.
8/13/1/2・箱 348×486 px・透過・fit=contain・参照あり(58a305c0763d.png)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。この枠には白い文字が重なるので、地は濃く沈める(明度を上げない)。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 348×486px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1:1.39の縦長。焼いたあと中央の 100%×93% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの4%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [平らな飾り] 灰色の角丸の吹き出し形、下中央に三角の尾(比較説明エリアの背景装飾) 単色(1色 #a0777e)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 この枠に文字は無い。文字・数字・単位・ロゴを一切描かない。 Do not draw logos, brand marks, social-media icons or trademark-like symbols. 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。この枠には白い文字が重なるので、地は濃く沈める(明度を上げない)。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 348×486px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1:1.39の縦長。焼いたあと中央の 100%×93% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの4%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [平らな飾り] 灰色の角丸の吹き出し形、下中央に三角の尾(比較説明エリアの背景装飾) 単色(1色 #a0777e)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 この枠に文字は無い。文字・数字・単位・ロゴを一切描かない。 Do not draw logos, brand marks, social-media icons or trademark-like symbols. 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure green RGB(0,255,0). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure green RGB(0,255,0) or any similar hue anywhere inside the subject itself.
8/13/1/2/1/0・箱 302×68 px・板・fit=cover・参照あり(fcf0573f7185__textmasked.png)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。この枠には白い文字が重なるので、地は濃く沈める(明度を上げない)。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 302×68px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 4.46:1の横長。焼いたあと中央の 100%×34% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの33%は紙の色 #fffafc だけで平らに塗った余白帯にし(絵の地の色や模様で塗らない)、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 灰色の角丸長方形に白い手書き風の文章が配置されている。板の役割: 保育施設と習い事併用の図解。字は[焼く文字]の文言だけ 2. [焼く文字] 文字は正確に(改行も)「預け先と習い事が別 予定管理と送り迎えが重なる」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
8/13/1/2/3/0・箱 307×286 px・写真・fit=cover・参照あり(367ff5835781__textmasked.png)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 307×286px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1.07:1の横長。焼いたあと中央の 100%×93% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの3%は紙の色 #fffafc だけで平らに塗った余白帯にし(絵の地の色や模様で塗らない)、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 文字と数字で組んだ図表(表・グラフ・札の並び)。中身の文字は[焼く文字]のとおり。写真・人物・静物にしない 2. [焼く文字] 文字は正確に(改行も)「英 科 創 自宅 学び場」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
8/13/1/2::after::bg・箱 68×128 px・透過・fit=contain・参照あり(05a44c6b516d.png)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 68×128px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1:1.88の縦長。焼いたあと中央の 80%×100% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。左右それぞれ幅の10%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 保護者がスマートフォンを見ている手元。顔は写さない。紙面での役目: 比較説明エリアの背景装飾。構図は出典の絵に倣う: 青い髪の人物が頬に手を当て驚いた表情をしている この枠に文字は無い。文字・数字・単位・ロゴを一切描かない。 Do not draw logos, brand marks, social-media icons or trademark-like symbols. 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 68×128px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1:1.88の縦長。焼いたあと中央の 80%×100% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。左右それぞれ幅の10%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 保護者がスマートフォンを見ている手元。顔は写さない。紙面での役目: 比較説明エリアの背景装飾。構図は出典の絵に倣う: 青い髪の人物が頬に手を当て驚いた表情をしている この枠に文字は無い。文字・数字・単位・ロゴを一切描かない。 Do not draw logos, brand marks, social-media icons or trademark-like symbols. 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure green RGB(0,255,0). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure green RGB(0,255,0) or any similar hue anywhere inside the subject itself.
8/13/1/2/1/0・箱 302×68 px・組めた・門: cand_1.html PASS・cand_2.html PASSあなたは Web 制作者。次の条件で、箱の中だけで完結する HTML 断片を 1 つ書く。 【箱】幅 302px × 高さ 68px。最外の要素は width:302px;height:68px;box-sizing:border-box;overflow:hidden を持ち、内側の要素は全てこの箱の中に収める(はみ出し禁止・スクロール禁止)。文字は箱の中で全部読める大きさ(最小 10px)で、折り返し・省略(ellipsis)で欠けないこと。文字が箱の丈に収まらないときは、収まるまで字を小さくする(最小 10px)。行を省かない・文言を削らない・箱を広げない。文字を他の面・図形・円で隠さない=文字は自分の箱(overflow:hidden の要素)の中に丸ごと収め、面の縁や別の要素と重ねない。 【形】文字。灰色の角丸長方形に白い手書き風の文章が配置されている。 【トンマナ】パステルピンク・丸角。角丸の基本は 18px。使ってよい色は次の 4 つの hex『だけ』(他の色を作らない・白・黒・グレー・rgb()・rgba()・透明度つきの色も作らない): 板(面・地): #fffafc 字: #5a3a45 強調(面の差し色・アイコン・矢印): #f2a3bd 罫線: #f0d6de 役割は固定: 最外の要素の background は板 #fffafc(画像・グラデ・透明にしない)。字 #5a3a45 は文字の color だけに使う=面・地・帯・箱・丸の background に塗らない。文字は全部 字 #5a3a45(見出しも本文も番号も)。強調 #f2a3bd は面と印(帯・丸・アイコン・矢印)だけ=文字の色にしない(強調の面に文字を載せるときも文字は #5a3a45)。罫線 #f0d6de は罫(border・線・区切り)だけ。 書体は font-family: 游ゴシック, 'Yu Gothic', 游ゴシック体, YuGothic, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', メイリオ, Meiryo, sans-serif を最外の要素に書く。 【文字】次の文言『だけ』を、一字一句そのまま使う(順番は構図に合わせて並べ替えてよい・省いてはいけない・足してはいけない)。数字・単位・記号もこの一覧に無いものは書かない。この一覧の番号(1. 2. …)は文言ではない=書かない。渡した文言以外の文字・記号・ラベル・見出し・注記・装飾の文字(英字の飾り・番号の丸の中の数字も含む)を書かない。数字は渡した文言に在るものだけ。 1. 預け先と習い事が別 2. 予定管理と送り迎えが重なる 【参照画像】同じ用途の板を 1 枚渡す。借りるのは構図だけ=表の行列・要素の並ぶ順・大きさの比・強調の位置・余白の取り方。参照の色・書体・写真・ロゴ・文字・数字は写さない。参照に見える数値や固有名は絵にも文字にも出さない。 【禁止】外部資産(<link>・<script>・<img src=http…>・url(http…)・Web フォント)。<style> ブロックは使わず inline style だけ。<html>/<body> は書かない。JavaScript を書かない。id 属性を付けない。SVG は inline で書いてよい(アイコン・罫・矢印など)。 【出力】HTML 断片だけを ```html フェンスで 1 つ返す。説明文は書かない。
<div style="width:302px;height:68px;box-sizing:border-box;overflow:hidden;background:#fffafc;font-family:游ゴシック,'Yu Gothic',游ゴシック体,YuGothic,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro',メイリオ,Meiryo,sans-serif;border:1px solid #f0d6de;border-radius:18px;padding:6px 8px;display:flex;flex-direction:column;gap:5px;"> <div style="height:24px;box-sizing:border-box;overflow:hidden;background:#fffafc;border:1p
CSS で引いた枠 1: 地のベタ塗り(#fffafc・390×1897 px)
パーツ: 文字の穴(HTML)0・絵に焼く字 1・読めていない絵 0・画像の枠 1・DOM 板 0・CSS 0
| 役割 | 出典の絵の字 | 書いた文言 |
|---|---|---|
| 体験型教育の特徴一覧図 | Point 01/「詰め込み型」でなく、/「体験」を通じた/生きた学習/Point 02/成功体験を積み上げ、/できることを増やす/積み上げ式の教育/Point 03/タイムマネジメントを/意識した 良質な生活習慣/を身につける/Point 04/英語で実施する/「職業体験」で/仕事観を育む/Point 05/1学年複数クラス制/だから、 集団生活で/切磋琢磨できる | 英語で学ぶ探究型アクティビティ|基礎英語に加え、プログラミング・アート&クラフト・サイエンス・英検対策を選択|聞く→真似る→話す→読む→書く流れを重視|友達同士のやり取りも英語で自然にできるようサポート |
8/13/1/4/1・箱 359×700 px・透過・fit=contain・参照なし【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 359×700px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1:1.95の縦長。焼いたあと中央の 77%×100% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。左右それぞれ幅の12%は地の色だけの余白帯にし、そこには何も置かない。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 文字と数字で組んだ図表(表・グラフ・札の並び)(体験型教育の特徴一覧図)。中身の文字は[焼く文字]のとおり。写真・人物・静物にしない 2. [焼く文字] 文字は正確に「英語で学ぶ探究型アクティビティ|基礎英語に加え、プログラミング・アート&クラフト・サイエンス・英検対策を選択|聞く→真似る→話す→読む→書く流れを重視|友達同士のやり取りも英語で自然にできるようサポート」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 359×700px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1:1.95の縦長。焼いたあと中央の 77%×100% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。左右それぞれ幅の12%は地の色だけの余白帯にし、そこには何も置かない。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 文字と数字で組んだ図表(表・グラフ・札の並び)(体験型教育の特徴一覧図)。中身の文字は[焼く文字]のとおり。写真・人物・静物にしない 2. [焼く文字] 文字は正確に「英語で学ぶ探究型アクティビティ|基礎英語に加え、プログラミング・アート&クラフト・サイエンス・英検対策を選択|聞く→真似る→話す→読む→書く流れを重視|友達同士のやり取りも英語で自然にできるようサポート」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure green RGB(0,255,0). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure green RGB(0,255,0) or any similar hue anywhere inside the subject itself. The subject itself contains an opaque panel/card/button shape of colour #ffffff; draw that shape solid and fully opaque (no transparency, no pure green RGB(0,255,0) inside it) with its text on it — only the area outside the subject is the flat pure green RGB(0,255,0) background.
パーツ: 文字の穴(HTML)3・絵に焼く字 8・読めていない絵 2・画像の枠 12・DOM 板 6・CSS 1
| 役割 | 出典の文面(要約) | 書いた文言(=紙面の文言) | 発注の狙い |
|---|---|---|---|
| 保護者体験談の主題見出し[狙い: facts の『お客さまの声(公式サイト掲載)』1本を要約して書く。出典の声の話題に縛らない] | 我が子の成長を実感した、英語でトラブル解決 | 英語で応答する成長 | 字数 3〜15・切る |
| 体験談登場家族の氏名学年 | 山田家りんさん(当時小6)ゆうさん(当時小4)れいさん(当時小2) | I.T君(年長)保護者Eちゃん(年中)保護者S.Hちゃん(小2)保護者 親の最初の文字節点へ束ねられた(fold-lines・鍵 8/17/3/1/15/1/7/1/5/0) | 字数 5〜65・切らない |
| 保護者体験談の本文[狙い: facts の『お客さまの声(公式サイト掲載)』1本を要約して書く。出典の声の話題に縛らない] | 2年ほど前のことですが、ゆうが家の鍵を宅配ボックスに入れたまま、ボックスの扉を閉めてしまったことがあったんです。宅配ボックスを管理しているのは外国の方で、私は英語が話せないのでりんとれいを連れて、そのお宅に行き、2人に英語で状況… | 保護者は、幼稚園の後に週2日通う中で、送迎時にネイティブ講師から英語で聞かれたことへすぐ答えられるようになったと話しています。さらに海外旅行先でも積極的にコミュニケーションをとる姿が見られ、英語に向き合う成長を感じているという声です。日常の送り迎えや旅先など、教室の外でも変化を実感できた内容です。 | 字数 5〜65・切らない |
| 役割 | 出典の絵の字 | 書いた文言 |
|---|---|---|
| 卒園生の声見出し画像 | 卒園生(1期生)の声 | 通学生の声 |
| 卒園生の声サムネイル画像 | 1年通してそこにいて前に出てもそんなに緊張しなくなった・0:00・11:28・HD | (altが説明語で終わる=紙面の文字でない見込み。Visionで絵を読み直すまで要否は確定しない) |
| 保護者の声見出し画像 | 保護者様の声 | 保護者の声 |
| 保護者の声サムネイル画像 | 卒園者の・母が語る・バイリンガル幼児園・Kids Duo International (KDI)・もともと通っていた保育園が・0:07・2:36・HD | (altが説明語で終わる=紙面の文字でない見込み。Visionで絵を読み直すまで要否は確定しない) |
| 不明 | Voice・01 | (文言なし) |
| 不明 | Voice・02 | (文言なし) |
| 不明 | Voice・03 | (文言なし) |
| 不明 | Voice・04 | (文言なし) |
読めていない絵 2 枠(alt が空・Vision で読むまで測っていない——発注書の申告のまま)。
8/17/1/1/1/1・箱 369×155 px・写真・fit=cover・参照あり(143ab66b0305__masked.png)【スタイルDNA: パステルピンク・丸角】写真は自然な色。人物の肌・服・背景の色は変えない。地・小物・光の空気だけを配色(#fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45)に寄せる。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 369×155px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 2.38:1の横長。焼いたあと中央の 100%×63% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの19%は紙の色 #fffafc だけで平らに塗った余白帯にし(絵の地の色や模様で塗らない)、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。写真なので色は自然なままでよい(上の【スタイルDNA】の写真の句に従う)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 面談の机で、保護者と日本人スタッフが向かい合って資料を見ている手元。資料の文字は読めない大きさにする。紙面での役目: 体験談セクションの見出し画像。 この枠に文字は無い。文字・数字・単位・ロゴを一切描かない。 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
8/17/3/1/1/1・箱 272×39 px・透過・fit=contain・参照あり(81efcdab73b5__textmasked.png)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 272×39px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 7.03:1の横長。焼いたあと中央の 100%×21% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの39%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [単色の図] 白い背景に青緑色の太い見出しが横並び。字は[焼く文字]の文言だけ 単色(1色 #6b4753)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 2. [焼く文字] 文字は正確に「通学生の声」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 272×39px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 7.03:1の横長。焼いたあと中央の 100%×21% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの39%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [単色の図] 白い背景に青緑色の太い見出しが横並び。字は[焼く文字]の文言だけ 単色(1色 #6b4753)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 2. [焼く文字] 文字は正確に「通学生の声」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure red RGB(255,0,0). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure red RGB(255,0,0) or any similar hue anywhere inside the subject itself. The subject itself contains an opaque panel/card/button shape of colour #ffffff; draw that shape solid and fully opaque (no transparency, no pure red RGB(255,0,0) inside it) with its text on it — only the area outside the subject is the flat pure red RGB(255,0,0) background.
8/17/3/1/15/1/3/1/1・箱 83×71 px・透過・fit=contain・参照あり(c141b6c4e942__textmasked.png)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。この枠には白い文字が重なるので、地は濃く沈める(明度を上げない)。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 83×71px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1.18:1の横長。焼いたあと中央の 100%×85% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの8%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [単色の図] 青緑色の吹き出し形ラベルに白い表記が中央配置。字は[焼く文字]の文言だけ 単色(1色 #fffafc)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 2. [表] 文字は正確に(改行も)「Voice 01」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。この枠には白い文字が重なるので、地は濃く沈める(明度を上げない)。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 83×71px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1.18:1の横長。焼いたあと中央の 100%×85% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの8%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [単色の図] 青緑色の吹き出し形ラベルに白い表記が中央配置。字は[焼く文字]の文言だけ 単色(1色 #fffafc)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 2. [表] 文字は正確に(改行も)「Voice 01」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure red RGB(255,0,0). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure red RGB(255,0,0) or any similar hue anywhere inside the subject itself. The subject itself contains an opaque panel/card/button shape of colour #0c9093; draw that shape solid and fully opaque (no transparency, no pure red RGB(255,0,0) inside it) with its text on it — only the area outside the subject is the flat pure red RGB(255,0,0) background.
8/17/3/1/15/1/3/3/1・箱 83×66 px・透過・fit=contain・参照あり(16d17cf8346d__textmasked.png)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 83×66px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1.27:1の横長。焼いたあと中央の 85%×100% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。左右それぞれ幅の8%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [単色の図] 角丸の白いカードに青緑の枠と中央配置の見出し風デザイン。字は[焼く文字]の文言だけ 単色(1色 #6b4753)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 2. [焼く文字] 文字は正確に(改行も)「Voice 02」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 83×66px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1.27:1の横長。焼いたあと中央の 85%×100% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。左右それぞれ幅の8%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [単色の図] 角丸の白いカードに青緑の枠と中央配置の見出し風デザイン。字は[焼く文字]の文言だけ 単色(1色 #6b4753)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 2. [焼く文字] 文字は正確に(改行も)「Voice 02」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure red RGB(255,0,0). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure red RGB(255,0,0) or any similar hue anywhere inside the subject itself. The subject itself contains an opaque panel/card/button shape of colour #feffff; draw that shape solid and fully opaque (no transparency, no pure red RGB(255,0,0) inside it) with its text on it — only the area outside the subject is the flat pure red RGB(255,0,0) background.
8/17/3/1/15/1/3/5/1・箱 83×66 px・透過・fit=contain・参照あり(099c721bab4d__textmasked.png)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 83×66px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1.27:1の横長。焼いたあと中央の 85%×100% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。左右それぞれ幅の8%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [単色の図] 水色の角丸枠内に中央配置の小さな見出しと大きな番号。字は[焼く文字]の文言だけ 単色(1色 #6b4753)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 2. [焼く文字] 文字は正確に(改行も)「Voice 03」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 83×66px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1.27:1の横長。焼いたあと中央の 85%×100% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。左右それぞれ幅の8%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [単色の図] 水色の角丸枠内に中央配置の小さな見出しと大きな番号。字は[焼く文字]の文言だけ 単色(1色 #6b4753)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 2. [焼く文字] 文字は正確に(改行も)「Voice 03」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure red RGB(255,0,0). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure red RGB(255,0,0) or any similar hue anywhere inside the subject itself. The subject itself contains an opaque panel/card/button shape of colour #feffff; draw that shape solid and fully opaque (no transparency, no pure red RGB(255,0,0) inside it) with its text on it — only the area outside the subject is the flat pure red RGB(255,0,0) background.
8/17/3/1/15/1/3/7/1・箱 83×66 px・透過・fit=contain・参照あり(0941dbd4cb94__textmasked.png)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 83×66px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1.27:1の横長。焼いたあと中央の 85%×100% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。左右それぞれ幅の8%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [単色の図] 角丸の淡い背景に青緑の縁取りがあるカード。字は[焼く文字]の文言だけ 単色(1色 #6b4753)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 2. [焼く文字] 文字は正確に(改行も)「Voice 04」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 83×66px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1.27:1の横長。焼いたあと中央の 85%×100% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。左右それぞれ幅の8%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [単色の図] 角丸の淡い背景に青緑の縁取りがあるカード。字は[焼く文字]の文言だけ 単色(1色 #6b4753)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 2. [焼く文字] 文字は正確に(改行も)「Voice 04」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure red RGB(255,0,0). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure red RGB(255,0,0) or any similar hue anywhere inside the subject itself. The subject itself contains an opaque panel/card/button shape of colour #feffff; draw that shape solid and fully opaque (no transparency, no pure red RGB(255,0,0) inside it) with its text on it — only the area outside the subject is the flat pure red RGB(255,0,0) background.
8/17/3/1/15/1/7/1/3/1・箱 307×156 px・写真・fit=cover・参照あり(960c323817d9.webp)【スタイルDNA: パステルピンク・丸角】写真は自然な色。人物の肌・服・背景の色は変えない。地・小物・光の空気だけを配色(#fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45)に寄せる。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 307×156px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1.97:1の横長。焼いたあと中央の 100%×76% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの12%は紙の色 #fffafc だけで平らに塗った余白帯にし(絵の地の色や模様で塗らない)、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。写真なので色は自然なままでよい(上の【スタイルDNA】の写真の句に従う)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 教室で、講師と小学生が並んで英語の絵本を開いている様子。顔は写さない。紙面での役目: 体験談に登場する家族写真。構図は出典の絵に倣う: 室内で笑顔の女性と少女たちが寄り添って並ぶ この枠に文字は無い。文字・数字・単位・ロゴを一切描かない。 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
8/17/3/1/15/5::bg・箱 31×31 px・透過・fit=contain・参照あり(faaeb4863b04e889.webp)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 31×31px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [小さな印] 節の地を飾る平らな模様 単色(1色)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 この枠に文字は無い。文字・数字・単位・ロゴを一切描かない。 Do not draw logos, brand marks, social-media icons or trademark-like symbols. 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 31×31px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [小さな印] 節の地を飾る平らな模様 単色(1色)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 この枠に文字は無い。文字・数字・単位・ロゴを一切描かない。 Do not draw logos, brand marks, social-media icons or trademark-like symbols. 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure red RGB(255,0,0). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure red RGB(255,0,0) or any similar hue anywhere inside the subject itself.
8/17/3/1/15/7::bg・箱 31×31 px・透過・fit=contain・参照あり(faaeb4863b04e889.webp)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 31×31px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [小さな印] 節の地を飾る平らな模様 単色(1色)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 この枠に文字は無い。文字・数字・単位・ロゴを一切描かない。 Do not draw logos, brand marks, social-media icons or trademark-like symbols. 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 31×31px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [小さな印] 節の地を飾る平らな模様 単色(1色)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 この枠に文字は無い。文字・数字・単位・ロゴを一切描かない。 Do not draw logos, brand marks, social-media icons or trademark-like symbols. 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure red RGB(255,0,0). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure red RGB(255,0,0) or any similar hue anywhere inside the subject itself.
8/17/3/1/3/1・箱 348×195 px・写真・fit=cover・参照あり(da71fe748856__textmasked.png)【スタイルDNA: パステルピンク・丸角】写真は自然な色。人物の肌・服・背景の色は変えない。地・小物・光の空気だけを配色(#fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45)に寄せる。この枠には白い文字が重なるので、地は濃く沈める(明度を上げない)。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 348×195px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1.79:1の横長。焼いたあと中央の 100%×84% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの8%は紙の色 #fffafc だけで平らに塗った余白帯にし(絵の地の色や模様で塗らない)、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。写真なので色は自然なままでよい(上の【スタイルDNA】の写真の句に従う)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 教室の机で、小学生がノートに書いている手元。構図は出典の絵に倣う: 教室で座る若者たちの動画画面に再生マークが重なる この枠に文字は無い。文字・数字・単位・ロゴを一切描かない。 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
8/17/3/1/7/1・箱 272×39 px・透過・fit=contain・参照あり(9c5f39d97793__textmasked.png)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 272×39px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 7.03:1の横長。焼いたあと中央の 100%×21% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの39%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [単色の図] 白地に青緑色の太い日本語見出しが横一列にある。板の役割: 保護者の声枠の見出し。字は[焼く文字]の文言だけ 単色(1色 #6b4753)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 2. [焼く文字] 文字は正確に「保護者の声」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 272×39px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 7.03:1の横長。焼いたあと中央の 100%×21% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの39%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [単色の図] 白地に青緑色の太い日本語見出しが横一列にある。板の役割: 保護者の声枠の見出し。字は[焼く文字]の文言だけ 単色(1色 #6b4753)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 2. [焼く文字] 文字は正確に「保護者の声」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure red RGB(255,0,0). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure red RGB(255,0,0) or any similar hue anywhere inside the subject itself. The subject itself contains an opaque panel/card/button shape of colour #ffffff; draw that shape solid and fully opaque (no transparency, no pure red RGB(255,0,0) inside it) with its text on it — only the area outside the subject is the flat pure red RGB(255,0,0) background.
8/17/3/1/9/1・箱 348×195 px・写真・fit=cover・参照あり(73c55a11fcfc__textmasked.png)【スタイルDNA: パステルピンク・丸角】写真は自然な色。人物の肌・服・背景の色は変えない。地・小物・光の空気だけを配色(#fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45)に寄せる。この枠には白い文字が重なるので、地は濃く沈める(明度を上げない)。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 348×195px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1.79:1の横長。焼いたあと中央の 100%×84% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの8%は紙の色 #fffafc だけで平らに塗った余白帯にし(絵の地の色や模様で塗らない)、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。写真なので色は自然なままでよい(上の【スタイルDNA】の写真の句に従う)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 玄関で、保護者がランドセルの小学生を迎えている後ろ姿。紙面での役目: 保護者の声の動画サムネイル。構図は出典の絵に倣う: 室内で白い服の女性が正面を向き、再生ボタンと字幕帯が重なる この枠に文字は無い。文字・数字・単位・ロゴを一切描かない。 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
8/17/3/1/1/1・箱 272×39 px・組めた・門: cand_1.html PASS・cand_2.html PASSあなたは Web 制作者。次の条件で、箱の中だけで完結する HTML 断片を 1 つ書く。 【箱】幅 272px × 高さ 39px。最外の要素は width:272px;height:39px;box-sizing:border-box;overflow:hidden を持ち、内側の要素は全てこの箱の中に収める(はみ出し禁止・スクロール禁止)。文字は箱の中で全部読める大きさ(最小 10px)で、折り返し・省略(ellipsis)で欠けないこと。文字が箱の丈に収まらないときは、収まるまで字を小さくする(最小 10px)。行を省かない・文言を削らない・箱を広げない。文字を他の面・図形・円で隠さない=文字は自分の箱(overflow:hidden の要素)の中に丸ごと収め、面の縁や別の要素と重ねない。 【形】文字。白い背景に青緑色の太い見出しが横並び。 【トンマナ】パステルピンク・丸角。角丸の基本は 18px。使ってよい色は次の 4 つの hex『だけ』(他の色を作らない・白・黒・グレー・rgb()・rgba()・透明度つきの色も作らない): 板(面・地): #fffafc 字: #5a3a45 強調(面の差し色・アイコン・矢印): #f2a3bd 罫線: #f0d6de 役割は固定: 最外の要素の background は板 #fffafc(画像・グラデ・透明にしない)。字 #5a3a45 は文字の color だけに使う=面・地・帯・箱・丸の background に塗らない。文字は全部 字 #5a3a45(見出しも本文も番号も)。強調 #f2a3bd は面と印(帯・丸・アイコン・矢印)だけ=文字の色にしない(強調の面に文字を載せるときも文字は #5a3a45)。罫線 #f0d6de は罫(border・線・区切り)だけ。 書体は font-family: 游ゴシック, 'Yu Gothic', 游ゴシック体, YuGothic, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', メイリオ, Meiryo, sans-serif を最外の要素に書く。 【文字】次の文言『だけ』を、一字一句そのまま使う(順番は構図に合わせて並べ替えてよい・省いてはいけない・足してはいけない)。数字・単位・記号もこの一覧に無いものは書かない。この一覧の番号(1. 2. …)は文言ではない=書かない。渡した文言以外の文字・記号・ラベル・見出し・注記・装飾の文字(英字の飾り・番号の丸の中の数字も含む)を書かない。数字は渡した文言に在るものだけ。 1. 通学生の声 【参照画像】同じ用途の板を 1 枚渡す。借りるのは構図だけ=表の行列・要素の並ぶ順・大きさの比・強調の位置・余白の取り方。参照の色・書体・写真・ロゴ・文字・数字は写さない。参照に見える数値や固有名は絵にも文字にも出さない。 【禁止】外部資産(<link>・<script>・<img src=http…>・url(http…)・Web フォント)。<style> ブロックは使わず inline style だけ。<html>/<body> は書かない。JavaScript を書かない。id 属性を付けない。SVG は inline で書いてよい(アイコン・罫・矢印など)。 【出力】HTML 断片だけを ```html フェンスで 1 つ返す。説明文は書かない。
<div style="width:272px;height:39px;box-sizing:border-box;overflow:hidden;background:#fffafc;font-family:游ゴシック,'Yu Gothic',游ゴシック体,YuGothic,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro',メイリオ,Meiryo,sans-serif;border:1px solid #f0d6de;border-radius:18px;display:flex;align-items:center;padding:0 16px;"> <div style="width:30px;height:14px;box-sizing:border-box;background:#f2a3bd;border-radius:18px;flex:0
8/17/3/1/15/1/3/1/1・箱 83×71 px・組めた・門: cand_1.html PASS・cand_2.html PASSあなたは Web 制作者。次の条件で、箱の中だけで完結する HTML 断片を 1 つ書く。 【箱】幅 83px × 高さ 71px。最外の要素は width:83px;height:71px;box-sizing:border-box;overflow:hidden を持ち、内側の要素は全てこの箱の中に収める(はみ出し禁止・スクロール禁止)。文字は箱の中で全部読める大きさ(最小 10px)で、折り返し・省略(ellipsis)で欠けないこと。文字が箱の丈に収まらないときは、収まるまで字を小さくする(最小 10px)。行を省かない・文言を削らない・箱を広げない。文字を他の面・図形・円で隠さない=文字は自分の箱(overflow:hidden の要素)の中に丸ごと収め、面の縁や別の要素と重ねない。 【形】文字。青緑色の吹き出し形ラベルに白い表記が中央配置。 【トンマナ】パステルピンク・丸角。角丸の基本は 18px。使ってよい色は次の 4 つの hex『だけ』(他の色を作らない・白・黒・グレー・rgb()・rgba()・透明度つきの色も作らない): 板(面・地): #fffafc 字: #5a3a45 強調(面の差し色・アイコン・矢印): #f2a3bd 罫線: #f0d6de 役割は固定: 最外の要素の background は板 #fffafc(画像・グラデ・透明にしない)。字 #5a3a45 は文字の color だけに使う=面・地・帯・箱・丸の background に塗らない。文字は全部 字 #5a3a45(見出しも本文も番号も)。強調 #f2a3bd は面と印(帯・丸・アイコン・矢印)だけ=文字の色にしない(強調の面に文字を載せるときも文字は #5a3a45)。罫線 #f0d6de は罫(border・線・区切り)だけ。 書体は font-family: 游ゴシック, 'Yu Gothic', 游ゴシック体, YuGothic, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', メイリオ, Meiryo, sans-serif を最外の要素に書く。 【文字】次の文言『だけ』を、一字一句そのまま使う(順番は構図に合わせて並べ替えてよい・省いてはいけない・足してはいけない)。数字・単位・記号もこの一覧に無いものは書かない。この一覧の番号(1. 2. …)は文言ではない=書かない。渡した文言以外の文字・記号・ラベル・見出し・注記・装飾の文字(英字の飾り・番号の丸の中の数字も含む)を書かない。数字は渡した文言に在るものだけ。 1. Voice 2. 01 【参照画像】同じ用途の板を 1 枚渡す。借りるのは構図だけ=表の行列・要素の並ぶ順・大きさの比・強調の位置・余白の取り方。参照の色・書体・写真・ロゴ・文字・数字は写さない。参照に見える数値や固有名は絵にも文字にも出さない。 【禁止】外部資産(<link>・<script>・<img src=http…>・url(http…)・Web フォント)。<style> ブロックは使わず inline style だけ。<html>/<body> は書かない。JavaScript を書かない。id 属性を付けない。SVG は inline で書いてよい(アイコン・罫・矢印など)。 【出力】HTML 断片だけを ```html フェンスで 1 つ返す。説明文は書かない。
<div style="width:83px;height:71px;box-sizing:border-box;overflow:hidden;background:#fffafc;font-family:游ゴシック,'Yu Gothic',游ゴシック体,YuGothic,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro',メイリオ,Meiryo,sans-serif;position:relative;"> <div style="position:absolute;left:8px;top:12px;width:67px;height:44px;box-sizing:border-box;background:#f2a3bd;border:1px solid #f0d6de;border-radius:18px;color:#5a3a45;displa
8/17/3/1/15/1/3/3/1・箱 83×66 px・組めた・門: cand_1.html PASS・cand_2.html PASSあなたは Web 制作者。次の条件で、箱の中だけで完結する HTML 断片を 1 つ書く。 【箱】幅 83px × 高さ 66px。最外の要素は width:83px;height:66px;box-sizing:border-box;overflow:hidden を持ち、内側の要素は全てこの箱の中に収める(はみ出し禁止・スクロール禁止)。文字は箱の中で全部読める大きさ(最小 10px)で、折り返し・省略(ellipsis)で欠けないこと。文字が箱の丈に収まらないときは、収まるまで字を小さくする(最小 10px)。行を省かない・文言を削らない・箱を広げない。文字を他の面・図形・円で隠さない=文字は自分の箱(overflow:hidden の要素)の中に丸ごと収め、面の縁や別の要素と重ねない。 【形】文字。角丸の白いカードに青緑の枠と中央配置の見出し風デザイン。 【トンマナ】パステルピンク・丸角。角丸の基本は 18px。使ってよい色は次の 4 つの hex『だけ』(他の色を作らない・白・黒・グレー・rgb()・rgba()・透明度つきの色も作らない): 板(面・地): #fffafc 字: #5a3a45 強調(面の差し色・アイコン・矢印): #f2a3bd 罫線: #f0d6de 役割は固定: 最外の要素の background は板 #fffafc(画像・グラデ・透明にしない)。字 #5a3a45 は文字の color だけに使う=面・地・帯・箱・丸の background に塗らない。文字は全部 字 #5a3a45(見出しも本文も番号も)。強調 #f2a3bd は面と印(帯・丸・アイコン・矢印)だけ=文字の色にしない(強調の面に文字を載せるときも文字は #5a3a45)。罫線 #f0d6de は罫(border・線・区切り)だけ。 書体は font-family: 游ゴシック, 'Yu Gothic', 游ゴシック体, YuGothic, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', メイリオ, Meiryo, sans-serif を最外の要素に書く。 【文字】次の文言『だけ』を、一字一句そのまま使う(順番は構図に合わせて並べ替えてよい・省いてはいけない・足してはいけない)。数字・単位・記号もこの一覧に無いものは書かない。この一覧の番号(1. 2. …)は文言ではない=書かない。渡した文言以外の文字・記号・ラベル・見出し・注記・装飾の文字(英字の飾り・番号の丸の中の数字も含む)を書かない。数字は渡した文言に在るものだけ。 1. Voice 2. 02 【参照画像】同じ用途の板を 1 枚渡す。借りるのは構図だけ=表の行列・要素の並ぶ順・大きさの比・強調の位置・余白の取り方。参照の色・書体・写真・ロゴ・文字・数字は写さない。参照に見える数値や固有名は絵にも文字にも出さない。 【禁止】外部資産(<link>・<script>・<img src=http…>・url(http…)・Web フォント)。<style> ブロックは使わず inline style だけ。<html>/<body> は書かない。JavaScript を書かない。id 属性を付けない。SVG は inline で書いてよい(アイコン・罫・矢印など)。 【出力】HTML 断片だけを ```html フェンスで 1 つ返す。説明文は書かない。
<div style="width:83px;height:66px;box-sizing:border-box;overflow:hidden;background:#fffafc;font-family:游ゴシック,'Yu Gothic',游ゴシック体,YuGothic,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro',メイリオ,Meiryo,sans-serif;display:flex;align-items:center;justify-content:center;padding:6px;"> <div style="width:71px;height:54px;box-sizing:border-box;overflow:hidden;background:#fffafc;border:1px solid #f0d6de;border-rad
8/17/3/1/15/1/3/5/1・箱 83×66 px・組めた・門: cand_1.html PASS・cand_2.html PASSあなたは Web 制作者。次の条件で、箱の中だけで完結する HTML 断片を 1 つ書く。 【箱】幅 83px × 高さ 66px。最外の要素は width:83px;height:66px;box-sizing:border-box;overflow:hidden を持ち、内側の要素は全てこの箱の中に収める(はみ出し禁止・スクロール禁止)。文字は箱の中で全部読める大きさ(最小 10px)で、折り返し・省略(ellipsis)で欠けないこと。文字が箱の丈に収まらないときは、収まるまで字を小さくする(最小 10px)。行を省かない・文言を削らない・箱を広げない。文字を他の面・図形・円で隠さない=文字は自分の箱(overflow:hidden の要素)の中に丸ごと収め、面の縁や別の要素と重ねない。 【形】文字。水色の角丸枠内に中央配置の小さな見出しと大きな番号。 【トンマナ】パステルピンク・丸角。角丸の基本は 18px。使ってよい色は次の 4 つの hex『だけ』(他の色を作らない・白・黒・グレー・rgb()・rgba()・透明度つきの色も作らない): 板(面・地): #fffafc 字: #5a3a45 強調(面の差し色・アイコン・矢印): #f2a3bd 罫線: #f0d6de 役割は固定: 最外の要素の background は板 #fffafc(画像・グラデ・透明にしない)。字 #5a3a45 は文字の color だけに使う=面・地・帯・箱・丸の background に塗らない。文字は全部 字 #5a3a45(見出しも本文も番号も)。強調 #f2a3bd は面と印(帯・丸・アイコン・矢印)だけ=文字の色にしない(強調の面に文字を載せるときも文字は #5a3a45)。罫線 #f0d6de は罫(border・線・区切り)だけ。 書体は font-family: 游ゴシック, 'Yu Gothic', 游ゴシック体, YuGothic, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', メイリオ, Meiryo, sans-serif を最外の要素に書く。 【文字】次の文言『だけ』を、一字一句そのまま使う(順番は構図に合わせて並べ替えてよい・省いてはいけない・足してはいけない)。数字・単位・記号もこの一覧に無いものは書かない。この一覧の番号(1. 2. …)は文言ではない=書かない。渡した文言以外の文字・記号・ラベル・見出し・注記・装飾の文字(英字の飾り・番号の丸の中の数字も含む)を書かない。数字は渡した文言に在るものだけ。 1. Voice 2. 03 【参照画像】同じ用途の板を 1 枚渡す。借りるのは構図だけ=表の行列・要素の並ぶ順・大きさの比・強調の位置・余白の取り方。参照の色・書体・写真・ロゴ・文字・数字は写さない。参照に見える数値や固有名は絵にも文字にも出さない。 【禁止】外部資産(<link>・<script>・<img src=http…>・url(http…)・Web フォント)。<style> ブロックは使わず inline style だけ。<html>/<body> は書かない。JavaScript を書かない。id 属性を付けない。SVG は inline で書いてよい(アイコン・罫・矢印など)。 【出力】HTML 断片だけを ```html フェンスで 1 つ返す。説明文は書かない。
<div style="width:83px;height:66px;box-sizing:border-box;overflow:hidden;background:#fffafc;font-family:游ゴシック, 'Yu Gothic', 游ゴシック体, YuGothic, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', メイリオ, Meiryo, sans-serif;border-radius:18px;padding:5px;"><div style="width:73px;height:56px;box-sizing:border-box;overflow:hidden;background:#fffafc;border:1px solid #f0d6de;border-radius:18px;display:flex;flex-dire
8/17/3/1/15/1/3/7/1・箱 83×66 px・組めた・門: cand_1.html PASS・cand_2.html PASSあなたは Web 制作者。次の条件で、箱の中だけで完結する HTML 断片を 1 つ書く。 【箱】幅 83px × 高さ 66px。最外の要素は width:83px;height:66px;box-sizing:border-box;overflow:hidden を持ち、内側の要素は全てこの箱の中に収める(はみ出し禁止・スクロール禁止)。文字は箱の中で全部読める大きさ(最小 10px)で、折り返し・省略(ellipsis)で欠けないこと。文字が箱の丈に収まらないときは、収まるまで字を小さくする(最小 10px)。行を省かない・文言を削らない・箱を広げない。文字を他の面・図形・円で隠さない=文字は自分の箱(overflow:hidden の要素)の中に丸ごと収め、面の縁や別の要素と重ねない。 【形】文字。角丸の淡い背景に青緑の縁取りがあるカード。 【トンマナ】パステルピンク・丸角。角丸の基本は 18px。使ってよい色は次の 4 つの hex『だけ』(他の色を作らない・白・黒・グレー・rgb()・rgba()・透明度つきの色も作らない): 板(面・地): #fffafc 字: #5a3a45 強調(面の差し色・アイコン・矢印): #f2a3bd 罫線: #f0d6de 役割は固定: 最外の要素の background は板 #fffafc(画像・グラデ・透明にしない)。字 #5a3a45 は文字の color だけに使う=面・地・帯・箱・丸の background に塗らない。文字は全部 字 #5a3a45(見出しも本文も番号も)。強調 #f2a3bd は面と印(帯・丸・アイコン・矢印)だけ=文字の色にしない(強調の面に文字を載せるときも文字は #5a3a45)。罫線 #f0d6de は罫(border・線・区切り)だけ。 書体は font-family: 游ゴシック, 'Yu Gothic', 游ゴシック体, YuGothic, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', メイリオ, Meiryo, sans-serif を最外の要素に書く。 【文字】次の文言『だけ』を、一字一句そのまま使う(順番は構図に合わせて並べ替えてよい・省いてはいけない・足してはいけない)。数字・単位・記号もこの一覧に無いものは書かない。この一覧の番号(1. 2. …)は文言ではない=書かない。渡した文言以外の文字・記号・ラベル・見出し・注記・装飾の文字(英字の飾り・番号の丸の中の数字も含む)を書かない。数字は渡した文言に在るものだけ。 1. Voice 2. 04 【参照画像】同じ用途の板を 1 枚渡す。借りるのは構図だけ=表の行列・要素の並ぶ順・大きさの比・強調の位置・余白の取り方。参照の色・書体・写真・ロゴ・文字・数字は写さない。参照に見える数値や固有名は絵にも文字にも出さない。 【禁止】外部資産(<link>・<script>・<img src=http…>・url(http…)・Web フォント)。<style> ブロックは使わず inline style だけ。<html>/<body> は書かない。JavaScript を書かない。id 属性を付けない。SVG は inline で書いてよい(アイコン・罫・矢印など)。 【出力】HTML 断片だけを ```html フェンスで 1 つ返す。説明文は書かない。
<div style="width:83px;height:66px;box-sizing:border-box;overflow:hidden;background:#fffafc;border:2px solid #f0d6de;border-radius:18px;font-family:游ゴシック,'Yu Gothic',游ゴシック体,YuGothic,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro',メイリオ,Meiryo,sans-serif;position:relative;color:#5a3a45;"> <div style="position:absolute;left:8px;top:7px;width:67px;height:52px;box-sizing:border-box;overflow:hidden;background
8/17/3/1/7/1・箱 272×39 px・組めた・門: cand_1.html PASS・cand_2.html PASSあなたは Web 制作者。次の条件で、箱の中だけで完結する HTML 断片を 1 つ書く。 【箱】幅 272px × 高さ 39px。最外の要素は width:272px;height:39px;box-sizing:border-box;overflow:hidden を持ち、内側の要素は全てこの箱の中に収める(はみ出し禁止・スクロール禁止)。文字は箱の中で全部読める大きさ(最小 10px)で、折り返し・省略(ellipsis)で欠けないこと。文字が箱の丈に収まらないときは、収まるまで字を小さくする(最小 10px)。行を省かない・文言を削らない・箱を広げない。文字を他の面・図形・円で隠さない=文字は自分の箱(overflow:hidden の要素)の中に丸ごと収め、面の縁や別の要素と重ねない。 【形】文字。白地に青緑色の太い日本語見出しが横一列にある。 【トンマナ】パステルピンク・丸角。角丸の基本は 18px。使ってよい色は次の 4 つの hex『だけ』(他の色を作らない・白・黒・グレー・rgb()・rgba()・透明度つきの色も作らない): 板(面・地): #fffafc 字: #5a3a45 強調(面の差し色・アイコン・矢印): #f2a3bd 罫線: #f0d6de 役割は固定: 最外の要素の background は板 #fffafc(画像・グラデ・透明にしない)。字 #5a3a45 は文字の color だけに使う=面・地・帯・箱・丸の background に塗らない。文字は全部 字 #5a3a45(見出しも本文も番号も)。強調 #f2a3bd は面と印(帯・丸・アイコン・矢印)だけ=文字の色にしない(強調の面に文字を載せるときも文字は #5a3a45)。罫線 #f0d6de は罫(border・線・区切り)だけ。 書体は font-family: 游ゴシック, 'Yu Gothic', 游ゴシック体, YuGothic, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', メイリオ, Meiryo, sans-serif を最外の要素に書く。 【文字】次の文言『だけ』を、一字一句そのまま使う(順番は構図に合わせて並べ替えてよい・省いてはいけない・足してはいけない)。数字・単位・記号もこの一覧に無いものは書かない。この一覧の番号(1. 2. …)は文言ではない=書かない。渡した文言以外の文字・記号・ラベル・見出し・注記・装飾の文字(英字の飾り・番号の丸の中の数字も含む)を書かない。数字は渡した文言に在るものだけ。 1. 保護者の声 【参照画像】同じ用途の板を 1 枚渡す。借りるのは構図だけ=表の行列・要素の並ぶ順・大きさの比・強調の位置・余白の取り方。参照の色・書体・写真・ロゴ・文字・数字は写さない。参照に見える数値や固有名は絵にも文字にも出さない。 【禁止】外部資産(<link>・<script>・<img src=http…>・url(http…)・Web フォント)。<style> ブロックは使わず inline style だけ。<html>/<body> は書かない。JavaScript を書かない。id 属性を付けない。SVG は inline で書いてよい(アイコン・罫・矢印など)。 【出力】HTML 断片だけを ```html フェンスで 1 つ返す。説明文は書かない。
<div style="width:272px;height:39px;box-sizing:border-box;overflow:hidden;background:#fffafc;border:1px solid #f0d6de;border-radius:18px;font-family:游ゴシック,'Yu Gothic',游ゴシック体,YuGothic,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro',メイリオ,Meiryo,sans-serif;display:flex;align-items:center;padding:0 14px;gap:10px;"> <span style="width:8px;height:23px;background:#f2a3bd;border-radius:18px;box-sizing:border-bo
CSS で引いた枠 1: 地のベタ塗り(#fffafc・348×553 px)
パーツ: 文字の穴(HTML)0・絵に焼く字 3・読めていない絵 1・画像の枠 4・DOM 板 2・CSS 0
| 役割 | 出典の絵の字 | 書いた文言 |
|---|---|---|
| 未経験転園送迎の安心訴求 | 英語未経験多数!・転園でも安心!・広域バス送迎!・KidsDuo・International・3839 | 英語が初めて / 体験で確認 / 送迎も確認 / 必要時支援 / はじめての英語学童 / 4歳から |
| 学習習慣形成の訴求文 | 成功体験を積みながら、・将来に生きる学習習慣を | 英語と探究を重ねて / 自分で学ぶ習慣へ |
| 説明会予約への誘導文言 | Apply for information session・最寄りの園で 説明会予約 | お近くの校舎で無料体験・見学と説明を予約する / フォームから相談 |
読めていない絵 1 枠(alt が空・Vision で読むまで測っていない——発注書の申告のまま)。
8/21/1/1・箱 390×150 px・透過・fit=contain・参照なし【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 390×150px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 2.60:1の横長。焼いたあと中央の 100%×58% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの21%は地の色だけの余白帯にし、そこには何も置かない。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 文字と数字で組んだ図表(表・グラフ・札の並び)。中身の文字は[焼く文字]のとおり。写真・人物・静物にしない 2. [焼く文字] 文字は正確に(改行も)「英語が初めて 体験で確認 送迎も確認 必要時支援 はじめての英語学童 4歳から」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 390×150px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 2.60:1の横長。焼いたあと中央の 100%×58% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの21%は地の色だけの余白帯にし、そこには何も置かない。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 文字と数字で組んだ図表(表・グラフ・札の並び)。中身の文字は[焼く文字]のとおり。写真・人物・静物にしない 2. [焼く文字] 文字は正確に(改行も)「英語が初めて 体験で確認 送迎も確認 必要時支援 はじめての英語学童 4歳から」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure red RGB(255,0,0). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure red RGB(255,0,0) or any similar hue anywhere inside the subject itself. The subject itself contains an opaque panel/card/button shape of colour #b6e4e5; draw that shape solid and fully opaque (no transparency, no pure red RGB(255,0,0) inside it) with its text on it — only the area outside the subject is the flat pure red RGB(255,0,0) background.
8/21/3・箱 390×236 px・写真・fit=cover・参照あり(e491185ccecd.webp)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。この枠には白い文字が重なるので、地は濃く沈める(明度を上げない)。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 390×236px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1.66:1の横長。焼いたあと中央の 100%×91% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの5%は紙の色 #fffafc だけで平らに塗った余白帯にし(絵の地の色や模様で塗らない)、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [地の模様] 青緑の背景に金銀の星飾り、下部にチェック柄の帯(下部誘導エリアの背景装飾) この枠に文字は無い。文字・数字・単位・ロゴを一切描かない。 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
8/21/3/1/1・箱 237×59 px・透過・fit=contain・参照なし【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 237×59px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 4.01:1の横長。焼いたあと中央の 100%×37% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの31%は地の色だけの余白帯にし、そこには何も置かない。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 青緑の太い縁取りに白い手書き風の日本語文が二行。板の役割: 学習習慣形成の価値訴求。字は[焼く文字]の文言だけ 2. [焼く文字] 文字は正確に(改行も)「英語と探究を重ねて 自分で学ぶ習慣へ」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 237×59px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 4.01:1の横長。焼いたあと中央の 100%×37% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの31%は地の色だけの余白帯にし、そこには何も置かない。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 青緑の太い縁取りに白い手書き風の日本語文が二行。板の役割: 学習習慣形成の価値訴求。字は[焼く文字]の文言だけ 2. [焼く文字] 文字は正確に(改行も)「英語と探究を重ねて 自分で学ぶ習慣へ」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure red RGB(255,0,0). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure red RGB(255,0,0) or any similar hue anywhere inside the subject itself. The subject itself contains an opaque panel/card/button shape of colour #fdfefe; draw that shape solid and fully opaque (no transparency, no pure red RGB(255,0,0) inside it) with its text on it — only the area outside the subject is the flat pure red RGB(255,0,0) background.
8/21/3/3/1/0・箱 358×108 px・透過・fit=contain・参照あり(ab29061ad0e4__textmasked.png)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 358×108px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 3.31:1の横長。焼いたあと中央の 100%×45% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの27%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] オレンジの角丸ボタンに白い案内文と右向き矢印。板の役割: 説明会予約ボタン文言。字は[焼く文字]の文言だけ 2. [焼く文字] 文字は正確に(改行も)「お近くの校舎で無料体験・見学と説明を予約する フォームから相談」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 358×108px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 3.31:1の横長。焼いたあと中央の 100%×45% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの27%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] オレンジの角丸ボタンに白い案内文と右向き矢印。板の役割: 説明会予約ボタン文言。字は[焼く文字]の文言だけ 2. [焼く文字] 文字は正確に(改行も)「お近くの校舎で無料体験・見学と説明を予約する フォームから相談」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure green RGB(0,255,0). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure green RGB(0,255,0) or any similar hue anywhere inside the subject itself. The subject itself contains an opaque panel/card/button shape of colour #ff9c00; draw that shape solid and fully opaque (no transparency, no pure green RGB(0,255,0) inside it) with its text on it — only the area outside the subject is the flat pure green RGB(0,255,0) background.
8/21/3/1/1・箱 237×59 px・組めた・門: cand_1.html PASS・cand_2.html FAILあなたは Web 制作者。次の条件で、箱の中だけで完結する HTML 断片を 1 つ書く。 【箱】幅 237px × 高さ 59px。最外の要素は width:237px;height:59px;box-sizing:border-box;overflow:hidden を持ち、内側の要素は全てこの箱の中に収める(はみ出し禁止・スクロール禁止)。文字は箱の中で全部読める大きさ(最小 10px)で、折り返し・省略(ellipsis)で欠けないこと。文字が箱の丈に収まらないときは、収まるまで字を小さくする(最小 10px)。行を省かない・文言を削らない・箱を広げない。文字を他の面・図形・円で隠さない=文字は自分の箱(overflow:hidden の要素)の中に丸ごと収め、面の縁や別の要素と重ねない。 【形】文字。青緑の太い縁取りに白い手書き風の日本語文が二行。 【トンマナ】パステルピンク・丸角。角丸の基本は 18px。使ってよい色は次の 4 つの hex『だけ』(他の色を作らない・白・黒・グレー・rgb()・rgba()・透明度つきの色も作らない): 板(面・地): #fffafc 字: #5a3a45 強調(面の差し色・アイコン・矢印): #f2a3bd 罫線: #f0d6de 役割は固定: 最外の要素の background は板 #fffafc(画像・グラデ・透明にしない)。字 #5a3a45 は文字の color だけに使う=面・地・帯・箱・丸の background に塗らない。文字は全部 字 #5a3a45(見出しも本文も番号も)。強調 #f2a3bd は面と印(帯・丸・アイコン・矢印)だけ=文字の色にしない(強調の面に文字を載せるときも文字は #5a3a45)。罫線 #f0d6de は罫(border・線・区切り)だけ。 書体は font-family: 游ゴシック, 'Yu Gothic', 游ゴシック体, YuGothic, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', メイリオ, Meiryo, sans-serif を最外の要素に書く。 【文字】次の文言『だけ』を、一字一句そのまま使う(順番は構図に合わせて並べ替えてよい・省いてはいけない・足してはいけない)。数字・単位・記号もこの一覧に無いものは書かない。この一覧の番号(1. 2. …)は文言ではない=書かない。渡した文言以外の文字・記号・ラベル・見出し・注記・装飾の文字(英字の飾り・番号の丸の中の数字も含む)を書かない。数字は渡した文言に在るものだけ。 1. 英語と探究を重ねて 2. 自分で学ぶ習慣へ 【参照画像】同じ用途の板を 1 枚渡す。借りるのは構図だけ=表の行列・要素の並ぶ順・大きさの比・強調の位置・余白の取り方。参照の色・書体・写真・ロゴ・文字・数字は写さない。参照に見える数値や固有名は絵にも文字にも出さない。 【禁止】外部資産(<link>・<script>・<img src=http…>・url(http…)・Web フォント)。<style> ブロックは使わず inline style だけ。<html>/<body> は書かない。JavaScript を書かない。id 属性を付けない。SVG は inline で書いてよい(アイコン・罫・矢印など)。 【出力】HTML 断片だけを ```html フェンスで 1 つ返す。説明文は書かない。
<div style="width:237px;height:59px;box-sizing:border-box;overflow:hidden;background:#fffafc;font-family:游ゴシック,'Yu Gothic',游ゴシック体,YuGothic,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro',メイリオ,Meiryo,sans-serif;border:2px solid #f0d6de;border-radius:18px;padding:6px 10px;position:relative;"> <div style="position:absolute;left:8px;top:7px;width:20px;height:20px;border-radius:18px;background:#f2a3bd;"></di
8/21/3/3/1/0・箱 358×108 px・組めた・門: cand_1.html PASS・cand_2.html FAILあなたは Web 制作者。次の条件で、箱の中だけで完結する HTML 断片を 1 つ書く。 【箱】幅 358px × 高さ 108px。最外の要素は width:358px;height:108px;box-sizing:border-box;overflow:hidden を持ち、内側の要素は全てこの箱の中に収める(はみ出し禁止・スクロール禁止)。文字は箱の中で全部読める大きさ(最小 10px)で、折り返し・省略(ellipsis)で欠けないこと。文字が箱の丈に収まらないときは、収まるまで字を小さくする(最小 10px)。行を省かない・文言を削らない・箱を広げない。文字を他の面・図形・円で隠さない=文字は自分の箱(overflow:hidden の要素)の中に丸ごと収め、面の縁や別の要素と重ねない。 【形】文字。オレンジの角丸ボタンに白い案内文と右向き矢印。 【トンマナ】パステルピンク・丸角。角丸の基本は 18px。使ってよい色は次の 4 つの hex『だけ』(他の色を作らない・白・黒・グレー・rgb()・rgba()・透明度つきの色も作らない): 板(面・地): #fffafc 字: #5a3a45 強調(面の差し色・アイコン・矢印): #f2a3bd 罫線: #f0d6de 役割は固定: 最外の要素の background は板 #fffafc(画像・グラデ・透明にしない)。字 #5a3a45 は文字の color だけに使う=面・地・帯・箱・丸の background に塗らない。文字は全部 字 #5a3a45(見出しも本文も番号も)。強調 #f2a3bd は面と印(帯・丸・アイコン・矢印)だけ=文字の色にしない(強調の面に文字を載せるときも文字は #5a3a45)。罫線 #f0d6de は罫(border・線・区切り)だけ。 書体は font-family: 游ゴシック, 'Yu Gothic', 游ゴシック体, YuGothic, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', メイリオ, Meiryo, sans-serif を最外の要素に書く。 【文字】次の文言『だけ』を、一字一句そのまま使う(順番は構図に合わせて並べ替えてよい・省いてはいけない・足してはいけない)。数字・単位・記号もこの一覧に無いものは書かない。この一覧の番号(1. 2. …)は文言ではない=書かない。渡した文言以外の文字・記号・ラベル・見出し・注記・装飾の文字(英字の飾り・番号の丸の中の数字も含む)を書かない。数字は渡した文言に在るものだけ。 1. お近くの校舎で無料体験・見学と説明を予約する 2. フォームから相談 【参照画像】同じ用途の板を 1 枚渡す。借りるのは構図だけ=表の行列・要素の並ぶ順・大きさの比・強調の位置・余白の取り方。参照の色・書体・写真・ロゴ・文字・数字は写さない。参照に見える数値や固有名は絵にも文字にも出さない。 【禁止】外部資産(<link>・<script>・<img src=http…>・url(http…)・Web フォント)。<style> ブロックは使わず inline style だけ。<html>/<body> は書かない。JavaScript を書かない。id 属性を付けない。SVG は inline で書いてよい(アイコン・罫・矢印など)。 【出力】HTML 断片だけを ```html フェンスで 1 つ返す。説明文は書かない。
<div style="width:358px;height:108px;box-sizing:border-box;overflow:hidden;background:#fffafc;font-family:游ゴシック,'Yu Gothic',游ゴシック体,YuGothic,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro',メイリオ,Meiryo,sans-serif;color:#5a3a45;border:1px solid #f0d6de;border-radius:18px;padding:10px 12px;display:flex;align-items:center;gap:10px;"> <div style="flex:1 1 auto;min-width:0;height:86px;box-sizing:border-box;bac
パーツ: 文字の穴(HTML)0・絵に焼く字 1・読めていない絵 0・画像の枠 1・DOM 板 1・CSS 0
| 役割 | 出典の絵の字 | 書いた文言 |
|---|---|---|
| 園舎内の教育環境や設備紹介画像 | 保育環境・設備も充実。・園舎の中を覗いてみませんか? | 英語で過ごす安心空間へ / 学びが広がる教室環境をご紹介 |
8/25/1/1/1・箱 322×135 px・透過・fit=contain・参照あり(96434fc7b579__textmasked.png)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 322×135px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 2.39:1の横長。焼いたあと中央の 100%×63% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの19%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 黒背景に淡色の横長吹き出しを配置した案内デザイン。字は[焼く文字]の文言だけ 2. [焼く文字] 文字は正確に(改行も)「英語で過ごす安心空間へ 学びが広がる教室環境をご紹介」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 322×135px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 2.39:1の横長。焼いたあと中央の 100%×63% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの19%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 黒背景に淡色の横長吹き出しを配置した案内デザイン。字は[焼く文字]の文言だけ 2. [焼く文字] 文字は正確に(改行も)「英語で過ごす安心空間へ 学びが広がる教室環境をご紹介」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure red RGB(255,0,0). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure red RGB(255,0,0) or any similar hue anywhere inside the subject itself. The subject itself contains an opaque panel/card/button shape of colour #f6fefd; draw that shape solid and fully opaque (no transparency, no pure red RGB(255,0,0) inside it) with its text on it — only the area outside the subject is the flat pure red RGB(255,0,0) background.
8/25/1/1/1・箱 322×135 px・組めた・門: cand_1.html PASS・cand_2.html FAILあなたは Web 制作者。次の条件で、箱の中だけで完結する HTML 断片を 1 つ書く。 【箱】幅 322px × 高さ 135px。最外の要素は width:322px;height:135px;box-sizing:border-box;overflow:hidden を持ち、内側の要素は全てこの箱の中に収める(はみ出し禁止・スクロール禁止)。文字は箱の中で全部読める大きさ(最小 10px)で、折り返し・省略(ellipsis)で欠けないこと。文字が箱の丈に収まらないときは、収まるまで字を小さくする(最小 10px)。行を省かない・文言を削らない・箱を広げない。文字を他の面・図形・円で隠さない=文字は自分の箱(overflow:hidden の要素)の中に丸ごと収め、面の縁や別の要素と重ねない。 【形】文字。黒背景に淡色の横長吹き出しを配置した案内デザイン。 【トンマナ】パステルピンク・丸角。角丸の基本は 18px。使ってよい色は次の 4 つの hex『だけ』(他の色を作らない・白・黒・グレー・rgb()・rgba()・透明度つきの色も作らない): 板(面・地): #fffafc 字: #5a3a45 強調(面の差し色・アイコン・矢印): #f2a3bd 罫線: #f0d6de 役割は固定: 最外の要素の background は板 #fffafc(画像・グラデ・透明にしない)。字 #5a3a45 は文字の color だけに使う=面・地・帯・箱・丸の background に塗らない。文字は全部 字 #5a3a45(見出しも本文も番号も)。強調 #f2a3bd は面と印(帯・丸・アイコン・矢印)だけ=文字の色にしない(強調の面に文字を載せるときも文字は #5a3a45)。罫線 #f0d6de は罫(border・線・区切り)だけ。 書体は font-family: 游ゴシック, 'Yu Gothic', 游ゴシック体, YuGothic, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', メイリオ, Meiryo, sans-serif を最外の要素に書く。 【文字】次の文言『だけ』を、一字一句そのまま使う(順番は構図に合わせて並べ替えてよい・省いてはいけない・足してはいけない)。数字・単位・記号もこの一覧に無いものは書かない。この一覧の番号(1. 2. …)は文言ではない=書かない。渡した文言以外の文字・記号・ラベル・見出し・注記・装飾の文字(英字の飾り・番号の丸の中の数字も含む)を書かない。数字は渡した文言に在るものだけ。 1. 英語で過ごす安心空間へ 2. 学びが広がる教室環境をご紹介 【参照画像】同じ用途の板を 1 枚渡す。借りるのは構図だけ=表の行列・要素の並ぶ順・大きさの比・強調の位置・余白の取り方。参照の色・書体・写真・ロゴ・文字・数字は写さない。参照に見える数値や固有名は絵にも文字にも出さない。 【禁止】外部資産(<link>・<script>・<img src=http…>・url(http…)・Web フォント)。<style> ブロックは使わず inline style だけ。<html>/<body> は書かない。JavaScript を書かない。id 属性を付けない。SVG は inline で書いてよい(アイコン・罫・矢印など)。 【出力】HTML 断片だけを ```html フェンスで 1 つ返す。説明文は書かない。
<div style="width:322px;height:135px;box-sizing:border-box;overflow:hidden;background:#fffafc;font-family:游ゴシック,'Yu Gothic',游ゴシック体,YuGothic,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro',メイリオ,Meiryo,sans-serif;position:relative;"> <div style="position:absolute;left:12px;top:18px;width:298px;height:88px;box-sizing:border-box;background:#fffafc;border:2px solid #f0d6de;border-radius:18px;"></div> <div
パーツ: 文字の穴(HTML)0・絵に焼く字 1・読めていない絵 0・画像の枠 1・DOM 板 0・CSS 0
| 役割 | 出典の絵の字 | 書いた文言 |
|---|---|---|
| 保育園と幼稚園の違いの説明図 | 保育園 と 幼稚園 の・違いってなに?・城南学園の・オリジナルの体験で・English・英語・Intelligence・知育・Motor skills・運動・Life Skills・ライフ・スキル | 英語学童ってなに? / 預かりながら / 英語で学ぶ / 放課後の時間を / 学びに変える / 預かり / 英語レッスンに加え / 学び / ネスの過ごし方 / 英語 / 友だち同士も英語 / 英検 / 創作 |
8/29/1/1/1・箱 374×608 px・透過・fit=contain・参照あり(4448eb479fee__textmasked.png)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 374×608px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1:1.62の縦長。焼いたあと中央の 92%×100% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。左右それぞれ幅の4%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 文字と数字で組んだ図表(表・グラフ・札の並び)。中身の文字は[焼く文字]のとおり。写真・人物・静物にしない 2. [焼く文字] 文字は正確に(改行も)「英語学童ってなに? 預かりながら 英語で学ぶ 放課後の時間を 学びに変える 預かり 英語レッスンに加え 学び ネスの過ごし方 英語 友だち同士も英語 英検 創作」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 374×608px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1:1.62の縦長。焼いたあと中央の 92%×100% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。左右それぞれ幅の4%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 文字と数字で組んだ図表(表・グラフ・札の並び)。中身の文字は[焼く文字]のとおり。写真・人物・静物にしない 2. [焼く文字] 文字は正確に(改行も)「英語学童ってなに? 預かりながら 英語で学ぶ 放課後の時間を 学びに変える 預かり 英語レッスンに加え 学び ネスの過ごし方 英語 友だち同士も英語 英検 創作」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure magenta RGB(255,0,255). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure magenta RGB(255,0,255) or any similar hue anywhere inside the subject itself. The subject itself contains an opaque panel/card/button shape of colour #fbfbfb; draw that shape solid and fully opaque (no transparency, no pure magenta RGB(255,0,255) inside it) with its text on it — only the area outside the subject is the flat pure magenta RGB(255,0,255) background.
パーツ: 文字の穴(HTML)0・絵に焼く字 1・読めていない絵 0・画像の枠 1・DOM 板 1・CSS 0
| 役割 | 出典の絵の字 | 書いた文言 |
|---|---|---|
| 内容不明の表画像 | 目的・英語に触れる・時間の長さ・日本語教育・の有無・給食・バス送迎・バイリンガル幼児園・KidsDuo・International・豊富な・カリキュラム・あり・広域・保育園・保育・(お預かり)・義務・幼稚園・一般教育・任意・インターナショナル・スクール・英語教育・任意 | (文言なし) |
8/29/1/3/1/0/1/0/0/0/1/1・箱 491×405 px・透過・fit=contain・参照あり(8ef9a7591289__textmasked.png)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 491×405px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1.21:1の横長。焼いたあと中央の 100%×83% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの9%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 複数の縦列で項目を丸三角バツなどで比較する表。中身の文字は[焼く文字]のとおり。写真・人物・静物にしない 2. [表] 文字は正確に(改行も)「放課後の過ごし方でこんなに違う 英語学童 一般の学童 英語教室 英語で過ごす時間○放課後まるごと ×なし △週1回60分 預かり○14:30〜18:30 ○あり ×なし 英検対策○あり ×なし △教室による プログラミング・アート○あり △一部 ×なし おやつ○あり ○あり ×なし 宿題の時間○あり ○あり ×なし 通う日数週1〜4日 毎日 週1日」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 491×405px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1.21:1の横長。焼いたあと中央の 100%×83% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの9%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 複数の縦列で項目を丸三角バツなどで比較する表。中身の文字は[焼く文字]のとおり。写真・人物・静物にしない 2. [表] 文字は正確に(改行も)「放課後の過ごし方でこんなに違う 英語学童 一般の学童 英語教室 英語で過ごす時間○放課後まるごと ×なし △週1回60分 預かり○14:30〜18:30 ○あり ×なし 英検対策○あり ×なし △教室による プログラミング・アート○あり △一部 ×なし おやつ○あり ○あり ×なし 宿題の時間○あり ○あり ×なし 通う日数週1〜4日 毎日 週1日」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure red RGB(255,0,0). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure red RGB(255,0,0) or any similar hue anywhere inside the subject itself. The subject itself contains an opaque panel/card/button shape of colour #ffffff; draw that shape solid and fully opaque (no transparency, no pure red RGB(255,0,0) inside it) with its text on it — only the area outside the subject is the flat pure red RGB(255,0,0) background.
8/29/1/3/1/0/1/0/0/0/1/1・箱 369×305 px・組めた・門: cand_1.html PASS・cand_2.html PASSあなたは Web 制作者。次の条件で、箱の中だけで完結する HTML 断片を 1 つ書く。 【箱】幅 369px × 高さ 305px。最外の要素は width:369px;height:305px;box-sizing:border-box;overflow:hidden を持ち、内側の要素は全てこの箱の中に収める(はみ出し禁止・スクロール禁止)。文字は箱の中で全部読める大きさ(最小 10px)で、折り返し・省略(ellipsis)で欠けないこと。文字が箱の丈に収まらないときは、収まるまで字を小さくする(最小 10px)。行を省かない・文言を削らない・箱を広げない。文字を他の面・図形・円で隠さない=文字は自分の箱(overflow:hidden の要素)の中に丸ごと収め、面の縁や別の要素と重ねない。 【形】図表。複数の縦列で項目を丸三角バツなどで比較する表。 【トンマナ】パステルピンク・丸角。角丸の基本は 18px。使ってよい色は次の 4 つの hex『だけ』(他の色を作らない・白・黒・グレー・rgb()・rgba()・透明度つきの色も作らない): 板(面・地): #fffafc 字: #5a3a45 強調(面の差し色・アイコン・矢印): #f2a3bd 罫線: #f0d6de 役割は固定: 最外の要素の background は板 #fffafc(画像・グラデ・透明にしない)。字 #5a3a45 は文字の color だけに使う=面・地・帯・箱・丸の background に塗らない。文字は全部 字 #5a3a45(見出しも本文も番号も)。強調 #f2a3bd は面と印(帯・丸・アイコン・矢印)だけ=文字の色にしない(強調の面に文字を載せるときも文字は #5a3a45)。罫線 #f0d6de は罫(border・線・区切り)だけ。 書体は font-family: 游ゴシック, 'Yu Gothic', 游ゴシック体, YuGothic, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', メイリオ, Meiryo, sans-serif を最外の要素に書く。 【文字】次の文言『だけ』を、一字一句そのまま使う(順番は構図に合わせて並べ替えてよい・省いてはいけない・足してはいけない)。数字・単位・記号もこの一覧に無いものは書かない。この一覧の番号(1. 2. …)は文言ではない=書かない。渡した文言以外の文字・記号・ラベル・見出し・注記・装飾の文字(英字の飾り・番号の丸の中の数字も含む)を書かない。数字は渡した文言に在るものだけ。 1. 放課後の過ごし方でこんなに違う 2. 英語学童 3. 一般の学童 4. 英語教室 5. 英語で過ごす時間○放課後まるごと 6. ×なし 7. △週1回60分 8. 預かり○14:30〜18:30 9. ○あり 10. ×なし 11. 英検対策○あり 12. ×なし 13. △教室による 14. プログラミング・アート○あり 15. △一部 16. ×なし 17. おやつ○あり 18. ○あり 19. ×なし 20. 宿題の時間○あり 21. ○あり 22. ×なし 23. 通う日数週1〜4日 24. 毎日 25. 週1日 【参照画像】同じ用途の板を 1 枚渡す。借りるのは構図だけ=表の行列・要素の並ぶ順・大きさの比・強調の位置・余白の取り方。参照の色・書体・写真・ロゴ・文字・数字は写さない。参照に見える数値や固有名は絵にも文字にも出さない。 【禁止】外部資産(<link>・<script>・<img src=http…>・url(http…)・Web フォント)。<style> ブロックは使わず inline style だけ。<html>/<body> は書かない。JavaScript を書かない。id 属性を付けない。SVG は inline で書いてよい(アイコン・罫・矢印など)。 【出力】HTML 断片だけを ```html フェンスで 1 つ返す。説明文は書かない。
<div style="width:369px;height:305px;box-sizing:border-box;overflow:hidden;background:#fffafc;color:#5a3a45;font-family:游ゴシック, 'Yu Gothic', 游ゴシック体, YuGothic, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', メイリオ, Meiryo, sans-serif;border:1px solid #f0d6de;border-radius:18px;padding:7px;"> <div style="height:28px;box-sizing:border-box;background:#f2a3bd;color:#5a3a45;border:1px solid #f0d6de;border-rad
パーツ: 文字の穴(HTML)0・絵に焼く字 3・読めていない絵 0・画像の枠 4・DOM 板 3・CSS 0
| 役割 | 出典の絵の字 | 書いた文言 |
|---|---|---|
| 一週間の流れの例図 | ご相談の流れか | 一週間の流れ例 |
| 不明 | 年少々クラス | (文言なし) |
| 不明 | 年長クラス | (文言なし) |
8/33/1/1/1・箱 238×29 px・透過・fit=contain・参照あり(eb1d45d75bee__masked.png)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 238×29px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 8.09:1の横長。焼いたあと中央の 100%×19% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの41%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [単色の図] 黒地に濃い灰色の太い日本語文字が横並び。板の役割: 一週間の利用スケジュール例。字は[焼く文字]の文言だけ 単色(1色 #5a3a45)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 2. [焼く文字] 文字は正確に「一週間の流れ例」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 238×29px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 8.09:1の横長。焼いたあと中央の 100%×19% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの41%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [単色の図] 黒地に濃い灰色の太い日本語文字が横並び。板の役割: 一週間の利用スケジュール例。字は[焼く文字]の文言だけ 単色(1色 #5a3a45)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 2. [焼く文字] 文字は正確に「一週間の流れ例」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure cyan RGB(0,255,255). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure cyan RGB(0,255,255) or any similar hue anywhere inside the subject itself. The subject itself contains an opaque panel/card/button shape of colour #313131; draw that shape solid and fully opaque (no transparency, no pure cyan RGB(0,255,255) inside it) with its text on it — only the area outside the subject is the flat pure cyan RGB(0,255,255) background.
8/33/1/3/1/1・箱 169×60 px・透過・fit=contain・参照あり(e07d87239734__textmasked.png)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。この枠には白い文字が重なるので、地は濃く沈める(明度を上げない)。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 169×60px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 2.83:1の横長。焼いたあと中央の 100%×53% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの23%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [単色の図] 青緑の横長ラベル、下中央に吹き出し状の突起。板の役割: 余白を飾る背景画像。字は[焼く文字]の文言だけ 単色(1色 #fffafc)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 2. [焼く文字] 文字は正確に「キンダー向け」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。この枠には白い文字が重なるので、地は濃く沈める(明度を上げない)。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 169×60px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 2.83:1の横長。焼いたあと中央の 100%×53% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの23%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [単色の図] 青緑の横長ラベル、下中央に吹き出し状の突起。板の役割: 余白を飾る背景画像。字は[焼く文字]の文言だけ 単色(1色 #fffafc)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 2. [焼く文字] 文字は正確に「キンダー向け」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure red RGB(255,0,0). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure red RGB(255,0,0) or any similar hue anywhere inside the subject itself. The subject itself contains an opaque panel/card/button shape of colour #0c9093; draw that shape solid and fully opaque (no transparency, no pure red RGB(255,0,0) inside it) with its text on it — only the area outside the subject is the flat pure red RGB(255,0,0) background.
8/33/1/3/1/3・箱 169×55 px・板・fit=cover・参照あり(b2c000bfdb77__textmasked.png)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 169×55px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 3.10:1の横長。焼いたあと中央の 100%×48% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの26%は紙の色 #fffafc だけで平らに塗った余白帯にし(絵の地の色や模様で塗らない)、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [単色の図] 淡い水色の角丸ラベル中央に青緑色の太字見出し。板の役割: 余白を飾る背景画像。字は[焼く文字]の文言だけ 単色(1色 #6b4753)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 2. [焼く文字] 文字は正確に「小学生向け」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
8/33/1/3/3/0/1/0/0/0/1/1/1/1・箱 455×435 px・透過・fit=contain・参照あり(b29099260f5d__textmasked.png)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 455×435px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1.05:1の横長。焼いたあと中央の 100%×96% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの2%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 文字と数字で組んだ図表(表・グラフ・札の並び)(一週間の流れ例の表)。中身の文字は[焼く文字]のとおり。写真・人物・静物にしない 2. [表] 文字は正確に(改行も)「時間帯 月 火 水 木 金 14:30 到着・宿題 15:00 おやつ・英語でフリータイム 15:30 英語レッスン 16:30 月プログラミング・火アート&クラフト・水英検対策・木スピーキング・金探究型アクティビティ 17:30 読書・振り返り 18:00 お迎え(18:30まで)」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 455×435px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1.05:1の横長。焼いたあと中央の 100%×96% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの2%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 文字と数字で組んだ図表(表・グラフ・札の並び)(一週間の流れ例の表)。中身の文字は[焼く文字]のとおり。写真・人物・静物にしない 2. [表] 文字は正確に(改行も)「時間帯 月 火 水 木 金 14:30 到着・宿題 15:00 おやつ・英語でフリータイム 15:30 英語レッスン 16:30 月プログラミング・火アート&クラフト・水英検対策・木スピーキング・金探究型アクティビティ 17:30 読書・振り返り 18:00 お迎え(18:30まで)」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure green RGB(0,255,0). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure green RGB(0,255,0) or any similar hue anywhere inside the subject itself. The subject itself contains an opaque panel/card/button shape of colour #ffffff; draw that shape solid and fully opaque (no transparency, no pure green RGB(0,255,0) inside it) with its text on it — only the area outside the subject is the flat pure green RGB(0,255,0) background.
8/33/1/1/1・箱 238×29 px・組めた・門: cand_1.html PASS・cand_2.html PASSあなたは Web 制作者。次の条件で、箱の中だけで完結する HTML 断片を 1 つ書く。 【箱】幅 238px × 高さ 29px。最外の要素は width:238px;height:29px;box-sizing:border-box;overflow:hidden を持ち、内側の要素は全てこの箱の中に収める(はみ出し禁止・スクロール禁止)。文字は箱の中で全部読める大きさ(最小 10px)で、折り返し・省略(ellipsis)で欠けないこと。文字が箱の丈に収まらないときは、収まるまで字を小さくする(最小 10px)。行を省かない・文言を削らない・箱を広げない。文字を他の面・図形・円で隠さない=文字は自分の箱(overflow:hidden の要素)の中に丸ごと収め、面の縁や別の要素と重ねない。 【形】文字。黒地に濃い灰色の太い日本語文字が横並び。 【トンマナ】パステルピンク・丸角。角丸の基本は 18px。使ってよい色は次の 4 つの hex『だけ』(他の色を作らない・白・黒・グレー・rgb()・rgba()・透明度つきの色も作らない): 板(面・地): #fffafc 字: #5a3a45 強調(面の差し色・アイコン・矢印): #f2a3bd 罫線: #f0d6de 役割は固定: 最外の要素の background は板 #fffafc(画像・グラデ・透明にしない)。字 #5a3a45 は文字の color だけに使う=面・地・帯・箱・丸の background に塗らない。文字は全部 字 #5a3a45(見出しも本文も番号も)。強調 #f2a3bd は面と印(帯・丸・アイコン・矢印)だけ=文字の色にしない(強調の面に文字を載せるときも文字は #5a3a45)。罫線 #f0d6de は罫(border・線・区切り)だけ。 書体は font-family: 游ゴシック, 'Yu Gothic', 游ゴシック体, YuGothic, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', メイリオ, Meiryo, sans-serif を最外の要素に書く。 【文字】次の文言『だけ』を、一字一句そのまま使う(順番は構図に合わせて並べ替えてよい・省いてはいけない・足してはいけない)。数字・単位・記号もこの一覧に無いものは書かない。この一覧の番号(1. 2. …)は文言ではない=書かない。渡した文言以外の文字・記号・ラベル・見出し・注記・装飾の文字(英字の飾り・番号の丸の中の数字も含む)を書かない。数字は渡した文言に在るものだけ。 1. 一週間の流れ例 【参照画像】同じ用途の板を 1 枚渡す。借りるのは構図だけ=表の行列・要素の並ぶ順・大きさの比・強調の位置・余白の取り方。参照の色・書体・写真・ロゴ・文字・数字は写さない。参照に見える数値や固有名は絵にも文字にも出さない。 【禁止】外部資産(<link>・<script>・<img src=http…>・url(http…)・Web フォント)。<style> ブロックは使わず inline style だけ。<html>/<body> は書かない。JavaScript を書かない。id 属性を付けない。SVG は inline で書いてよい(アイコン・罫・矢印など)。 【出力】HTML 断片だけを ```html フェンスで 1 つ返す。説明文は書かない。
<div style="width:238px;height:29px;box-sizing:border-box;overflow:hidden;background:#fffafc;border:1px solid #f0d6de;border-radius:18px;font-family:游ゴシック,'Yu Gothic',游ゴシック体,YuGothic,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro',メイリオ,Meiryo,sans-serif;display:flex;align-items:center;justify-content:center;padding:2px 8px;"> <div style="width:100%;height:23px;box-sizing:border-box;overflow:hidden;backg
8/33/1/3/1/1・箱 169×60 px・組めた・門: cand_1.html PASS・cand_2.html PASSあなたは Web 制作者。次の条件で、箱の中だけで完結する HTML 断片を 1 つ書く。 【箱】幅 169px × 高さ 60px。最外の要素は width:169px;height:60px;box-sizing:border-box;overflow:hidden を持ち、内側の要素は全てこの箱の中に収める(はみ出し禁止・スクロール禁止)。文字は箱の中で全部読める大きさ(最小 10px)で、折り返し・省略(ellipsis)で欠けないこと。文字が箱の丈に収まらないときは、収まるまで字を小さくする(最小 10px)。行を省かない・文言を削らない・箱を広げない。文字を他の面・図形・円で隠さない=文字は自分の箱(overflow:hidden の要素)の中に丸ごと収め、面の縁や別の要素と重ねない。 【形】文字。青緑の横長ラベル、下中央に吹き出し状の突起。 【トンマナ】パステルピンク・丸角。角丸の基本は 18px。使ってよい色は次の 4 つの hex『だけ』(他の色を作らない・白・黒・グレー・rgb()・rgba()・透明度つきの色も作らない): 板(面・地): #fffafc 字: #5a3a45 強調(面の差し色・アイコン・矢印): #f2a3bd 罫線: #f0d6de 役割は固定: 最外の要素の background は板 #fffafc(画像・グラデ・透明にしない)。字 #5a3a45 は文字の color だけに使う=面・地・帯・箱・丸の background に塗らない。文字は全部 字 #5a3a45(見出しも本文も番号も)。強調 #f2a3bd は面と印(帯・丸・アイコン・矢印)だけ=文字の色にしない(強調の面に文字を載せるときも文字は #5a3a45)。罫線 #f0d6de は罫(border・線・区切り)だけ。 書体は font-family: 游ゴシック, 'Yu Gothic', 游ゴシック体, YuGothic, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', メイリオ, Meiryo, sans-serif を最外の要素に書く。 【文字】次の文言『だけ』を、一字一句そのまま使う(順番は構図に合わせて並べ替えてよい・省いてはいけない・足してはいけない)。数字・単位・記号もこの一覧に無いものは書かない。この一覧の番号(1. 2. …)は文言ではない=書かない。渡した文言以外の文字・記号・ラベル・見出し・注記・装飾の文字(英字の飾り・番号の丸の中の数字も含む)を書かない。数字は渡した文言に在るものだけ。 1. キンダー向け 【参照画像】同じ用途の板を 1 枚渡す。借りるのは構図だけ=表の行列・要素の並ぶ順・大きさの比・強調の位置・余白の取り方。参照の色・書体・写真・ロゴ・文字・数字は写さない。参照に見える数値や固有名は絵にも文字にも出さない。 【禁止】外部資産(<link>・<script>・<img src=http…>・url(http…)・Web フォント)。<style> ブロックは使わず inline style だけ。<html>/<body> は書かない。JavaScript を書かない。id 属性を付けない。SVG は inline で書いてよい(アイコン・罫・矢印など)。 【出力】HTML 断片だけを ```html フェンスで 1 つ返す。説明文は書かない。
<div style="width:169px;height:60px;box-sizing:border-box;overflow:hidden;position:relative;background:#fffafc;font-family:游ゴシック, 'Yu Gothic', 游ゴシック体, YuGothic, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', メイリオ, Meiryo, sans-serif;"> <div style="position:absolute;left:77px;top:34px;width:16px;height:16px;box-sizing:border-box;background:#f2a3bd;border:2px solid #f0d6de;border-radius:5px;transform:r
8/33/1/3/1/3・箱 169×55 px・組めた・門: cand_1.html PASS・cand_2.html PASSあなたは Web 制作者。次の条件で、箱の中だけで完結する HTML 断片を 1 つ書く。 【箱】幅 169px × 高さ 55px。最外の要素は width:169px;height:55px;box-sizing:border-box;overflow:hidden を持ち、内側の要素は全てこの箱の中に収める(はみ出し禁止・スクロール禁止)。文字は箱の中で全部読める大きさ(最小 10px)で、折り返し・省略(ellipsis)で欠けないこと。文字が箱の丈に収まらないときは、収まるまで字を小さくする(最小 10px)。行を省かない・文言を削らない・箱を広げない。文字を他の面・図形・円で隠さない=文字は自分の箱(overflow:hidden の要素)の中に丸ごと収め、面の縁や別の要素と重ねない。 【形】文字。淡い水色の角丸ラベル中央に青緑色の太字見出し。 【トンマナ】パステルピンク・丸角。角丸の基本は 18px。使ってよい色は次の 4 つの hex『だけ』(他の色を作らない・白・黒・グレー・rgb()・rgba()・透明度つきの色も作らない): 板(面・地): #fffafc 字: #5a3a45 強調(面の差し色・アイコン・矢印): #f2a3bd 罫線: #f0d6de 役割は固定: 最外の要素の background は板 #fffafc(画像・グラデ・透明にしない)。字 #5a3a45 は文字の color だけに使う=面・地・帯・箱・丸の background に塗らない。文字は全部 字 #5a3a45(見出しも本文も番号も)。強調 #f2a3bd は面と印(帯・丸・アイコン・矢印)だけ=文字の色にしない(強調の面に文字を載せるときも文字は #5a3a45)。罫線 #f0d6de は罫(border・線・区切り)だけ。 書体は font-family: 游ゴシック, 'Yu Gothic', 游ゴシック体, YuGothic, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', メイリオ, Meiryo, sans-serif を最外の要素に書く。 【文字】次の文言『だけ』を、一字一句そのまま使う(順番は構図に合わせて並べ替えてよい・省いてはいけない・足してはいけない)。数字・単位・記号もこの一覧に無いものは書かない。この一覧の番号(1. 2. …)は文言ではない=書かない。渡した文言以外の文字・記号・ラベル・見出し・注記・装飾の文字(英字の飾り・番号の丸の中の数字も含む)を書かない。数字は渡した文言に在るものだけ。 1. 小学生向け 【参照画像】同じ用途の板を 1 枚渡す。借りるのは構図だけ=表の行列・要素の並ぶ順・大きさの比・強調の位置・余白の取り方。参照の色・書体・写真・ロゴ・文字・数字は写さない。参照に見える数値や固有名は絵にも文字にも出さない。 【禁止】外部資産(<link>・<script>・<img src=http…>・url(http…)・Web フォント)。<style> ブロックは使わず inline style だけ。<html>/<body> は書かない。JavaScript を書かない。id 属性を付けない。SVG は inline で書いてよい(アイコン・罫・矢印など)。 【出力】HTML 断片だけを ```html フェンスで 1 つ返す。説明文は書かない。
<div style="width:169px;height:55px;box-sizing:border-box;overflow:hidden;background:#fffafc;font-family:游ゴシック,'Yu Gothic',游ゴシック体,YuGothic,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro',メイリオ,Meiryo,sans-serif;display:flex;align-items:center;justify-content:center;padding:9px;"> <div style="width:151px;height:37px;box-sizing:border-box;overflow:hidden;background:#fffafc;border:2px solid #f0d6de;border-r
パーツ: 文字の穴(HTML)0・絵に焼く字 3・読めていない絵 1・画像の枠 4・DOM 板 2・CSS 0
| 役割 | 出典の絵の字 | 書いた文言 |
|---|---|---|
| 未経験転園送迎の安心訴求 | 英語未経験多数!・転園でも安心!・広域バス送迎!・KidsDuo・International・3839 | 英語が初めて / 放課後も安心 / 送迎を確認 / 様子を確認 / はじめての英語学童 / 4歳から |
| 幼児期の正しい習慣訴求 | 吸収力の高い時期にこそ、・将来に生きる「正しい習慣」を | 幼児期から英語に親しむ / 英語で考える習慣づくり |
| 説明会予約への誘導ボタン | Apply for information session・最寄りの園で 説明会予約 | 無料体験・見学で、英語環境と費用を確認する / お近くの校舎を探す |
読めていない絵 1 枠(alt が空・Vision で読むまで測っていない——発注書の申告のまま)。
8/37/1/1・箱 390×150 px・透過・fit=contain・参照なし【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 390×150px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 2.60:1の横長。焼いたあと中央の 100%×58% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの21%は地の色だけの余白帯にし、そこには何も置かない。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 文字と数字で組んだ図表(表・グラフ・札の並び)。中身の文字は[焼く文字]のとおり。写真・人物・静物にしない 2. [焼く文字] 文字は正確に(改行も)「英語が初めて 放課後も安心 送迎を確認 様子を確認 はじめての英語学童 4歳から」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 390×150px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 2.60:1の横長。焼いたあと中央の 100%×58% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの21%は地の色だけの余白帯にし、そこには何も置かない。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 文字と数字で組んだ図表(表・グラフ・札の並び)。中身の文字は[焼く文字]のとおり。写真・人物・静物にしない 2. [焼く文字] 文字は正確に(改行も)「英語が初めて 放課後も安心 送迎を確認 様子を確認 はじめての英語学童 4歳から」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure red RGB(255,0,0). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure red RGB(255,0,0) or any similar hue anywhere inside the subject itself. The subject itself contains an opaque panel/card/button shape of colour #b6e4e5; draw that shape solid and fully opaque (no transparency, no pure red RGB(255,0,0) inside it) with its text on it — only the area outside the subject is the flat pure red RGB(255,0,0) background.
8/37/3・箱 390×237 px・写真・fit=cover・参照あり(e491185ccecd.webp)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。この枠には白い文字が重なるので、地は濃く沈める(明度を上げない)。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 390×237px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1.64:1の横長。焼いたあと中央の 100%×91% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの4%は紙の色 #fffafc だけで平らに塗った余白帯にし(絵の地の色や模様で塗らない)、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [地の模様] 青緑の背景に金銀の星飾り、下部にチェック柄の帯(装飾用の背景画像) この枠に文字は無い。文字・数字・単位・ロゴを一切描かない。 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
8/37/3/1/1・箱 306×61 px・透過・fit=contain・参照なし【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 306×61px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 5.04:1の横長。焼いたあと中央の 100%×30% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの35%は地の色だけの余白帯にし、そこには何も置かない。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 白い太字の文章が青緑の縁取りで上下に配置されている。板の役割: 幼少期習慣形成の見出し。字は[焼く文字]の文言だけ 2. [焼く文字] 文字は正確に(改行も)「幼児期から英語に親しむ 英語で考える習慣づくり」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 306×61px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 5.04:1の横長。焼いたあと中央の 100%×30% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの35%は地の色だけの余白帯にし、そこには何も置かない。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 白い太字の文章が青緑の縁取りで上下に配置されている。板の役割: 幼少期習慣形成の見出し。字は[焼く文字]の文言だけ 2. [焼く文字] 文字は正確に(改行も)「幼児期から英語に親しむ 英語で考える習慣づくり」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure red RGB(255,0,0). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure red RGB(255,0,0) or any similar hue anywhere inside the subject itself. The subject itself contains an opaque panel/card/button shape of colour #fdfefe; draw that shape solid and fully opaque (no transparency, no pure red RGB(255,0,0) inside it) with its text on it — only the area outside the subject is the flat pure red RGB(255,0,0) background.
8/37/3/3/1/0・箱 358×108 px・透過・fit=contain・参照あり(ab29061ad0e4__textmasked.png)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 358×108px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 3.31:1の横長。焼いたあと中央の 100%×45% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの27%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] オレンジの角丸ボタンに白い案内文と右向き矢印。板の役割: 説明会予約への誘導ボタン。字は[焼く文字]の文言だけ 2. [焼く文字] 文字は正確に(改行も)「無料体験・見学で、英語環境と費用を確認する お近くの校舎を探す」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 358×108px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 3.31:1の横長。焼いたあと中央の 100%×45% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの27%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] オレンジの角丸ボタンに白い案内文と右向き矢印。板の役割: 説明会予約への誘導ボタン。字は[焼く文字]の文言だけ 2. [焼く文字] 文字は正確に(改行も)「無料体験・見学で、英語環境と費用を確認する お近くの校舎を探す」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure green RGB(0,255,0). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure green RGB(0,255,0) or any similar hue anywhere inside the subject itself. The subject itself contains an opaque panel/card/button shape of colour #ff9c00; draw that shape solid and fully opaque (no transparency, no pure green RGB(0,255,0) inside it) with its text on it — only the area outside the subject is the flat pure green RGB(0,255,0) background.
8/37/3/1/1・箱 306×61 px・組めた・門: cand_1.html PASS・cand_2.html PASSあなたは Web 制作者。次の条件で、箱の中だけで完結する HTML 断片を 1 つ書く。 【箱】幅 306px × 高さ 61px。最外の要素は width:306px;height:61px;box-sizing:border-box;overflow:hidden を持ち、内側の要素は全てこの箱の中に収める(はみ出し禁止・スクロール禁止)。文字は箱の中で全部読める大きさ(最小 10px)で、折り返し・省略(ellipsis)で欠けないこと。文字が箱の丈に収まらないときは、収まるまで字を小さくする(最小 10px)。行を省かない・文言を削らない・箱を広げない。文字を他の面・図形・円で隠さない=文字は自分の箱(overflow:hidden の要素)の中に丸ごと収め、面の縁や別の要素と重ねない。 【形】文字。白い太字の文章が青緑の縁取りで上下に配置されている。 【トンマナ】パステルピンク・丸角。角丸の基本は 18px。使ってよい色は次の 4 つの hex『だけ』(他の色を作らない・白・黒・グレー・rgb()・rgba()・透明度つきの色も作らない): 板(面・地): #fffafc 字: #5a3a45 強調(面の差し色・アイコン・矢印): #f2a3bd 罫線: #f0d6de 役割は固定: 最外の要素の background は板 #fffafc(画像・グラデ・透明にしない)。字 #5a3a45 は文字の color だけに使う=面・地・帯・箱・丸の background に塗らない。文字は全部 字 #5a3a45(見出しも本文も番号も)。強調 #f2a3bd は面と印(帯・丸・アイコン・矢印)だけ=文字の色にしない(強調の面に文字を載せるときも文字は #5a3a45)。罫線 #f0d6de は罫(border・線・区切り)だけ。 書体は font-family: 游ゴシック, 'Yu Gothic', 游ゴシック体, YuGothic, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', メイリオ, Meiryo, sans-serif を最外の要素に書く。 【文字】次の文言『だけ』を、一字一句そのまま使う(順番は構図に合わせて並べ替えてよい・省いてはいけない・足してはいけない)。数字・単位・記号もこの一覧に無いものは書かない。この一覧の番号(1. 2. …)は文言ではない=書かない。渡した文言以外の文字・記号・ラベル・見出し・注記・装飾の文字(英字の飾り・番号の丸の中の数字も含む)を書かない。数字は渡した文言に在るものだけ。 1. 幼児期から英語に親しむ 2. 英語で考える習慣づくり 【参照画像】同じ用途の板を 1 枚渡す。借りるのは構図だけ=表の行列・要素の並ぶ順・大きさの比・強調の位置・余白の取り方。参照の色・書体・写真・ロゴ・文字・数字は写さない。参照に見える数値や固有名は絵にも文字にも出さない。 【禁止】外部資産(<link>・<script>・<img src=http…>・url(http…)・Web フォント)。<style> ブロックは使わず inline style だけ。<html>/<body> は書かない。JavaScript を書かない。id 属性を付けない。SVG は inline で書いてよい(アイコン・罫・矢印など)。 【出力】HTML 断片だけを ```html フェンスで 1 つ返す。説明文は書かない。
<div style="width:306px;height:61px;box-sizing:border-box;overflow:hidden;background:#fffafc;border:1px solid #f0d6de;border-radius:18px;font-family:游ゴシック,'Yu Gothic',游ゴシック体,YuGothic,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro',メイリオ,Meiryo,sans-serif;padding:4px 7px;"> <div style="width:290px;height:24px;box-sizing:border-box;display:flex;align-items:center;border:1px solid #f0d6de;border-radius:18px
8/37/3/3/1/0・箱 358×108 px・組めた・門: cand_1.html PASS・cand_2.html PASSあなたは Web 制作者。次の条件で、箱の中だけで完結する HTML 断片を 1 つ書く。 【箱】幅 358px × 高さ 108px。最外の要素は width:358px;height:108px;box-sizing:border-box;overflow:hidden を持ち、内側の要素は全てこの箱の中に収める(はみ出し禁止・スクロール禁止)。文字は箱の中で全部読める大きさ(最小 10px)で、折り返し・省略(ellipsis)で欠けないこと。文字が箱の丈に収まらないときは、収まるまで字を小さくする(最小 10px)。行を省かない・文言を削らない・箱を広げない。文字を他の面・図形・円で隠さない=文字は自分の箱(overflow:hidden の要素)の中に丸ごと収め、面の縁や別の要素と重ねない。 【形】文字。オレンジの角丸ボタンに白い案内文と右向き矢印。 【トンマナ】パステルピンク・丸角。角丸の基本は 18px。使ってよい色は次の 4 つの hex『だけ』(他の色を作らない・白・黒・グレー・rgb()・rgba()・透明度つきの色も作らない): 板(面・地): #fffafc 字: #5a3a45 強調(面の差し色・アイコン・矢印): #f2a3bd 罫線: #f0d6de 役割は固定: 最外の要素の background は板 #fffafc(画像・グラデ・透明にしない)。字 #5a3a45 は文字の color だけに使う=面・地・帯・箱・丸の background に塗らない。文字は全部 字 #5a3a45(見出しも本文も番号も)。強調 #f2a3bd は面と印(帯・丸・アイコン・矢印)だけ=文字の色にしない(強調の面に文字を載せるときも文字は #5a3a45)。罫線 #f0d6de は罫(border・線・区切り)だけ。 書体は font-family: 游ゴシック, 'Yu Gothic', 游ゴシック体, YuGothic, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', メイリオ, Meiryo, sans-serif を最外の要素に書く。 【文字】次の文言『だけ』を、一字一句そのまま使う(順番は構図に合わせて並べ替えてよい・省いてはいけない・足してはいけない)。数字・単位・記号もこの一覧に無いものは書かない。この一覧の番号(1. 2. …)は文言ではない=書かない。渡した文言以外の文字・記号・ラベル・見出し・注記・装飾の文字(英字の飾り・番号の丸の中の数字も含む)を書かない。数字は渡した文言に在るものだけ。 1. 無料体験・見学で、英語環境と費用を確認する 2. お近くの校舎を探す 【参照画像】同じ用途の板を 1 枚渡す。借りるのは構図だけ=表の行列・要素の並ぶ順・大きさの比・強調の位置・余白の取り方。参照の色・書体・写真・ロゴ・文字・数字は写さない。参照に見える数値や固有名は絵にも文字にも出さない。 【禁止】外部資産(<link>・<script>・<img src=http…>・url(http…)・Web フォント)。<style> ブロックは使わず inline style だけ。<html>/<body> は書かない。JavaScript を書かない。id 属性を付けない。SVG は inline で書いてよい(アイコン・罫・矢印など)。 【出力】HTML 断片だけを ```html フェンスで 1 つ返す。説明文は書かない。
<div style="width:358px;height:108px;box-sizing:border-box;overflow:hidden;background:#fffafc;border:1px solid #f0d6de;border-radius:18px;padding:10px;font-family:游ゴシック,'Yu Gothic',游ゴシック体,YuGothic,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro',メイリオ,Meiryo,sans-serif;color:#5a3a45;display:flex;flex-direction:column;gap:8px;"><div style="height:52px;box-sizing:border-box;border-radius:18px;background:#f2a3
パーツ: 文字の穴(HTML)0・絵に焼く字 1・読めていない絵 0・画像の枠 1・DOM 板 1・CSS 0
| 役割 | 出典の絵の字 | 書いた文言 |
|---|---|---|
| 英語と日本マナー対応の訴求図 | All in-one・英語から日本のマナーまで・オールインワン! | 英語から探究学習まで / 放課後まるごと英語で学ぶ / 楽しく選んで学ぶ |
8/41/1/1/1・箱 336×150 px・透過・fit=contain・参照あり(8043ef1a32d2__textmasked.png)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 336×150px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 2.24:1の横長。焼いたあと中央の 100%×67% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの17%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 大きな青緑色の日本語見出しと上部の小さな人物風装飾。板の役割: 英語からマナーまでの総合訴求。字は[焼く文字]の文言だけ 2. [焼く文字] 文字は正確に(改行も)「英語から探究学習まで 放課後まるごと英語で学ぶ 楽しく選んで学ぶ」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 336×150px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 2.24:1の横長。焼いたあと中央の 100%×67% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの17%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 大きな青緑色の日本語見出しと上部の小さな人物風装飾。板の役割: 英語からマナーまでの総合訴求。字は[焼く文字]の文言だけ 2. [焼く文字] 文字は正確に(改行も)「英語から探究学習まで 放課後まるごと英語で学ぶ 楽しく選んで学ぶ」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure magenta RGB(255,0,255). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure magenta RGB(255,0,255) or any similar hue anywhere inside the subject itself. The subject itself contains an opaque panel/card/button shape of colour #009194; draw that shape solid and fully opaque (no transparency, no pure magenta RGB(255,0,255) inside it) with its text on it — only the area outside the subject is the flat pure magenta RGB(255,0,255) background.
8/41/1/1/1・箱 336×150 px・組めた・門: cand_1.html FAIL・cand_2.html PASSあなたは Web 制作者。次の条件で、箱の中だけで完結する HTML 断片を 1 つ書く。 【箱】幅 336px × 高さ 150px。最外の要素は width:336px;height:150px;box-sizing:border-box;overflow:hidden を持ち、内側の要素は全てこの箱の中に収める(はみ出し禁止・スクロール禁止)。文字は箱の中で全部読める大きさ(最小 10px)で、折り返し・省略(ellipsis)で欠けないこと。文字が箱の丈に収まらないときは、収まるまで字を小さくする(最小 10px)。行を省かない・文言を削らない・箱を広げない。文字を他の面・図形・円で隠さない=文字は自分の箱(overflow:hidden の要素)の中に丸ごと収め、面の縁や別の要素と重ねない。 【形】文字。大きな青緑色の日本語見出しと上部の小さな人物風装飾。 【トンマナ】パステルピンク・丸角。角丸の基本は 18px。使ってよい色は次の 4 つの hex『だけ』(他の色を作らない・白・黒・グレー・rgb()・rgba()・透明度つきの色も作らない): 板(面・地): #fffafc 字: #5a3a45 強調(面の差し色・アイコン・矢印): #f2a3bd 罫線: #f0d6de 役割は固定: 最外の要素の background は板 #fffafc(画像・グラデ・透明にしない)。字 #5a3a45 は文字の color だけに使う=面・地・帯・箱・丸の background に塗らない。文字は全部 字 #5a3a45(見出しも本文も番号も)。強調 #f2a3bd は面と印(帯・丸・アイコン・矢印)だけ=文字の色にしない(強調の面に文字を載せるときも文字は #5a3a45)。罫線 #f0d6de は罫(border・線・区切り)だけ。 書体は font-family: 游ゴシック, 'Yu Gothic', 游ゴシック体, YuGothic, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', メイリオ, Meiryo, sans-serif を最外の要素に書く。 【文字】次の文言『だけ』を、一字一句そのまま使う(順番は構図に合わせて並べ替えてよい・省いてはいけない・足してはいけない)。数字・単位・記号もこの一覧に無いものは書かない。この一覧の番号(1. 2. …)は文言ではない=書かない。渡した文言以外の文字・記号・ラベル・見出し・注記・装飾の文字(英字の飾り・番号の丸の中の数字も含む)を書かない。数字は渡した文言に在るものだけ。 1. 英語から探究学習まで 2. 放課後まるごと英語で学ぶ 3. 楽しく選んで学ぶ 【参照画像】同じ用途の板を 1 枚渡す。借りるのは構図だけ=表の行列・要素の並ぶ順・大きさの比・強調の位置・余白の取り方。参照の色・書体・写真・ロゴ・文字・数字は写さない。参照に見える数値や固有名は絵にも文字にも出さない。 【禁止】外部資産(<link>・<script>・<img src=http…>・url(http…)・Web フォント)。<style> ブロックは使わず inline style だけ。<html>/<body> は書かない。JavaScript を書かない。id 属性を付けない。SVG は inline で書いてよい(アイコン・罫・矢印など)。 【出力】HTML 断片だけを ```html フェンスで 1 つ返す。説明文は書かない。
<div style="width:336px;height:150px;box-sizing:border-box;overflow:hidden;background:#fffafc;border:2px solid #f0d6de;border-radius:18px;font-family:游ゴシック,'Yu Gothic',游ゴシック体,YuGothic,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro',メイリオ,Meiryo,sans-serif;position:relative;">
<div style="position:absolute;left:22px;top:12px;width:36px;height:36px;box-sizing:border-box;">
<div style="position:absoluteパーツ: 文字の穴(HTML)0・絵に焼く字 1・読めていない絵 0・画像の枠 1・DOM 板 0・CSS 0
| 役割 | 出典の絵の字 | 書いた文言 |
|---|---|---|
| 教育サービス対象の子供写真 | 6・KidsDuo・International | (文言なし) |
8/41/1/3/1・箱 390×270 px・写真・fit=cover・参照あり(699f51ff813e__textmasked.png)【スタイルDNA: パステルピンク・丸角】写真は自然な色。人物の肌・服・背景の色は変えない。地・小物・光の空気だけを配色(#fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45)に寄せる。この枠には白い文字が重なるので、地は濃く沈める(明度を上げない)。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 390×270px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1.44:1の横長。焼いたあと中央の 96%×100% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。左右それぞれ幅の2%は紙の色 #fffafc だけで平らに塗った余白帯にし(絵の地の色や模様で塗らない)、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。写真なので色は自然なままでよい(上の【スタイルDNA】の写真の句に従う)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 文字と数字で組んだ図表(表・グラフ・札の並び)(サービスを利用する子どもの写真)。中身の文字は[焼く文字]のとおり。写真・人物・静物にしない 2. [焼く文字] 文字は正確に(改行も)「4 英語で学ぶ日々 ネスの英語アフタースクール」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
パーツ: 文字の穴(HTML)2・絵に焼く字 1・読めていない絵 0・画像の枠 1・DOM 板 0・CSS 0
| 役割 | 出典の文面(要約) | 書いた文言(=紙面の文言) | 発注の狙い |
|---|---|---|---|
| ワンストップ教育内容の説明 | 英語教育・知能教育・運動指導・ライフスキル教育・各種習い事をワンストップでバランスよく受けられることもKDIの大きな特徴です。 | 英語レッスン・英検対策・プログラミング・アート&クラフト・サイエンスなどを、放課後にバランスよく選んで学べます。 | 字数 5〜65・切らない |
| 情報一元管理による教育品質説明 | 情報を一元管理しているので、一人ひとりの性格や特徴を把握した上で、どのカリキュラムにおいても質の高い教育を提供することが可能です。 | 日々の活動はアプリで共有。体験時に英語レベルも確認し、英語力に応じたクラスで、外国人講師と日本人スタッフが学びをサポートします。 | 字数 5〜65・切らない |
| 役割 | 出典の絵の字 | 書いた文言 |
|---|---|---|
| ワンストップ教育の訴求図 | 習い事も不要な/ワンストップ教育を提供! | 英語も探究活動も放課後にまとめて選べる場 |
8/41/1/5/1/1・箱 370×112 px・透過・fit=contain・参照あり(22d149923ae2__textmasked.png)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。この枠には白い文字が重なるので、地は濃く沈める(明度を上げない)。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 370×112px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 3.31:1の横長。焼いたあと中央の 100%×45% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの27%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 英語の絵本・タブレット・絵の具が机に並ぶ静物。紙面での役目: 習い事不要の教育訴求画像。添える文言: 『放課後を英語で過ごすワンストップ環境へ!』。 2. [焼く文字] 文字は正確に「英語も探究活動も放課後にまとめて選べる場」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。この枠には白い文字が重なるので、地は濃く沈める(明度を上げない)。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 370×112px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 3.31:1の横長。焼いたあと中央の 100%×45% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの27%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 英語の絵本・タブレット・絵の具が机に並ぶ静物。紙面での役目: 習い事不要の教育訴求画像。添える文言: 『放課後を英語で過ごすワンストップ環境へ!』。 2. [焼く文字] 文字は正確に「英語も探究活動も放課後にまとめて選べる場」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure red RGB(255,0,0). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure red RGB(255,0,0) or any similar hue anywhere inside the subject itself.
パーツ: 文字の穴(HTML)1・絵に焼く字 1・読めていない絵 0・画像の枠 1・DOM 板 0・CSS 0
| 役割 | 出典の文面(要約) | 書いた文言(=紙面の文言) | 発注の狙い |
|---|---|---|---|
| 送迎負担軽減と週末確保の説明 | 保護者の皆さまは、送迎のご負担を減少でき、かつ土日に習い事をさせる必要がありませんのでご家族ご一緒に週末をお過ごしいただけます。 | 放課後の預かりと英語学習をまとめられるため、習い事ごとの移動や待ち時間を抑えやすく、週末に予定を詰め込みすぎず、ご家族で過ごす時間を考えやすくなります。 親の最初の文字節点へ束ねられた(fold-lines・鍵 8/41/1/9/0) | 字数 5〜65・切らない |
| 役割 | 出典の絵の字 | 書いた文言 |
|---|---|---|
| 保育と習い事の集約図 | — | 放課後の預かりと複数の習い事を別々に考える前に / 英語・プログラミング・アート&クラフト・英検対策を一つの放課後環境で |
8/41/1/7/1・箱 385×1031 px・透過・fit=contain・参照あり(a93a9813f523__textmasked.png)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 385×1031px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1:2.68の縦長。焼いたあと中央の 56%×100% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。左右それぞれ幅の22%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 面談の机で、日本人スタッフが保護者に資料を示している手元。資料の文字は読めない大きさにする。紙面での役目: 保育施設と習い事の比較図。添える文言: 『一般的な保育施設+複数の習い事 ネスアフタースクール 放課後に英語・英検対策・プログラミング・アートをまとめて学べる』。 2. [焼く文字] 文字は正確に(改行も)「放課後の預かりと複数の習い事を別々に考える前に 英語・プログラミング・アート&クラフト・英検対策を一つの放課後環境で」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 385×1031px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1:2.68の縦長。焼いたあと中央の 56%×100% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。左右それぞれ幅の22%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 面談の机で、日本人スタッフが保護者に資料を示している手元。資料の文字は読めない大きさにする。紙面での役目: 保育施設と習い事の比較図。添える文言: 『一般的な保育施設+複数の習い事 ネスアフタースクール 放課後に英語・英検対策・プログラミング・アートをまとめて学べる』。 2. [焼く文字] 文字は正確に(改行も)「放課後の預かりと複数の習い事を別々に考える前に 英語・プログラミング・アート&クラフト・英検対策を一つの放課後環境で」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure red RGB(255,0,0). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure red RGB(255,0,0) or any similar hue anywhere inside the subject itself. The subject itself contains an opaque panel/card/button shape of colour #f6f7f7; draw that shape solid and fully opaque (no transparency, no pure red RGB(255,0,0) inside it) with its text on it — only the area outside the subject is the flat pure red RGB(255,0,0) background.
パーツ: 文字の穴(HTML)0・絵に焼く字 1・読めていない絵 0・画像の枠 1・DOM 板 1・CSS 0
| 役割 | 出典の絵の字 | 書いた文言 |
|---|---|---|
| 忙しい保護者向け安心サポート画像 | 朝は7時半から・夜は20時までの長時間保育・宿題がなく園で完結・成長が実感できる定期連絡・PTAがない・徹底した安全管理システム・遠くても可能なバス送迎・必要な備品はマイページで購入 | 放課後にも安心 / アプリでお子様の様子を確認 / 英語で過ごす放課後 / 活動を自分で選んで学べる / 教室にカメラ / 必要に応じて日本語で支援 / 体験で費用や雰囲気確認 / 忙しい保護者を支える英語学童 |
8/45/1/1/1・箱 369×686 px・透過・fit=contain・参照あり(f713bf9cd84e__textmasked.png)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 369×686px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1:1.86の縦長。焼いたあと中央の 81%×100% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。左右それぞれ幅の10%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 女性の写真と淡色アイコン付きの横長項目が縦に並ぶ案内(忙しい保護者支援の訴求画像)。中身の文字は[焼く文字]のとおり。写真・人物・静物にしない 2. [表] 文字は正確に(改行も)「放課後にも安心 アプリでお子様の様子を確認 英語で過ごす放課後 活動を自分で選んで学べる 教室にカメラ 必要に応じて日本語で支援 体験で費用や雰囲気確認 忙しい保護者を支える英語学童」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 369×686px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1:1.86の縦長。焼いたあと中央の 81%×100% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。左右それぞれ幅の10%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 女性の写真と淡色アイコン付きの横長項目が縦に並ぶ案内(忙しい保護者支援の訴求画像)。中身の文字は[焼く文字]のとおり。写真・人物・静物にしない 2. [表] 文字は正確に(改行も)「放課後にも安心 アプリでお子様の様子を確認 英語で過ごす放課後 活動を自分で選んで学べる 教室にカメラ 必要に応じて日本語で支援 体験で費用や雰囲気確認 忙しい保護者を支える英語学童」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure green RGB(0,255,0). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure green RGB(0,255,0) or any similar hue anywhere inside the subject itself. The subject itself contains an opaque panel/card/button shape of colour #feffff; draw that shape solid and fully opaque (no transparency, no pure green RGB(0,255,0) inside it) with its text on it — only the area outside the subject is the flat pure green RGB(0,255,0) background.
8/45/1/1/1・箱 369×686 px・組めた・門: cand_1.html FAIL・cand_2.html PASSあなたは Web 制作者。次の条件で、箱の中だけで完結する HTML 断片を 1 つ書く。 【箱】幅 369px × 高さ 686px。最外の要素は width:369px;height:686px;box-sizing:border-box;overflow:hidden を持ち、内側の要素は全てこの箱の中に収める(はみ出し禁止・スクロール禁止)。文字は箱の中で全部読める大きさ(最小 10px)で、折り返し・省略(ellipsis)で欠けないこと。文字が箱の丈に収まらないときは、収まるまで字を小さくする(最小 10px)。行を省かない・文言を削らない・箱を広げない。文字を他の面・図形・円で隠さない=文字は自分の箱(overflow:hidden の要素)の中に丸ごと収め、面の縁や別の要素と重ねない。 【形】図表。女性の写真と淡色アイコン付きの横長項目が縦に並ぶ案内。 【トンマナ】パステルピンク・丸角。角丸の基本は 18px。使ってよい色は次の 4 つの hex『だけ』(他の色を作らない・白・黒・グレー・rgb()・rgba()・透明度つきの色も作らない): 板(面・地): #fffafc 字: #5a3a45 強調(面の差し色・アイコン・矢印): #f2a3bd 罫線: #f0d6de 役割は固定: 最外の要素の background は板 #fffafc(画像・グラデ・透明にしない)。字 #5a3a45 は文字の color だけに使う=面・地・帯・箱・丸の background に塗らない。文字は全部 字 #5a3a45(見出しも本文も番号も)。強調 #f2a3bd は面と印(帯・丸・アイコン・矢印)だけ=文字の色にしない(強調の面に文字を載せるときも文字は #5a3a45)。罫線 #f0d6de は罫(border・線・区切り)だけ。 書体は font-family: 游ゴシック, 'Yu Gothic', 游ゴシック体, YuGothic, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', メイリオ, Meiryo, sans-serif を最外の要素に書く。 【文字】次の文言『だけ』を、一字一句そのまま使う(順番は構図に合わせて並べ替えてよい・省いてはいけない・足してはいけない)。数字・単位・記号もこの一覧に無いものは書かない。この一覧の番号(1. 2. …)は文言ではない=書かない。渡した文言以外の文字・記号・ラベル・見出し・注記・装飾の文字(英字の飾り・番号の丸の中の数字も含む)を書かない。数字は渡した文言に在るものだけ。 1. 放課後にも安心 2. アプリでお子様の様子を確認 3. 英語で過ごす放課後 4. 活動を自分で選んで学べる 5. 教室にカメラ 6. 必要に応じて日本語で支援 7. 体験で費用や雰囲気確認 8. 忙しい保護者を支える英語学童 【参照画像】同じ用途の板を 1 枚渡す。借りるのは構図だけ=表の行列・要素の並ぶ順・大きさの比・強調の位置・余白の取り方。参照の色・書体・写真・ロゴ・文字・数字は写さない。参照に見える数値や固有名は絵にも文字にも出さない。 【禁止】外部資産(<link>・<script>・<img src=http…>・url(http…)・Web フォント)。<style> ブロックは使わず inline style だけ。<html>/<body> は書かない。JavaScript を書かない。id 属性を付けない。SVG は inline で書いてよい(アイコン・罫・矢印など)。 【出力】HTML 断片だけを ```html フェンスで 1 つ返す。説明文は書かない。
<div style="width:369px;height:686px;box-sizing:border-box;overflow:hidden;background:#fffafc;color:#5a3a45;font-family:游ゴシック,'Yu Gothic',游ゴシック体,YuGothic,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro',メイリオ,Meiryo,sans-serif;padding:14px;display:flex;flex-direction:column;gap:10px;"> <div style="height:84px;box-sizing:border-box;overflow:hidden;background:#fffafc;border:2px solid #f0d6de;border-radius:1
パーツ: 文字の穴(HTML)0・絵に焼く字 3・読めていない絵 1・画像の枠 4・DOM 板 2・CSS 0
| 役割 | 出典の絵の字 | 書いた文言 |
|---|---|---|
| 英語未経験転園送迎の安心訴求 | 英語未経験多数!・転園でも安心!・広域バス送迎!・KidsDuo・International・3839 | 英語力は不要 / 必要時は日本語 / 体験で雰囲気確認 / 駒沢校は送迎あり / 放課後の英語環境へ / 4歳〜 |
| 園内完結の習い事不要訴求 | 園にいる時間ですべて完結!・習い事不要のオールインワン。 | 預かり時間で選んで学べる / 英語も探究もここで体験 |
| 最寄り園説明会予約ボタン | Apply for information session・最寄りの園で 説明会予約 | お近くの校舎で無料体験・見学をフォームから申し込む / 雰囲気を確認する |
読めていない絵 1 枠(alt が空・Vision で読むまで測っていない——発注書の申告のまま)。
8/53/1/1・箱 390×150 px・透過・fit=contain・参照なし【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 390×150px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 2.60:1の横長。焼いたあと中央の 100%×58% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの21%は地の色だけの余白帯にし、そこには何も置かない。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 文字と数字で組んだ図表(表・グラフ・札の並び)。中身の文字は[焼く文字]のとおり。写真・人物・静物にしない 2. [焼く文字] 文字は正確に(改行も)「英語力は不要 必要時は日本語 体験で雰囲気確認 駒沢校は送迎あり 放課後の英語環境へ 4歳〜」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 390×150px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 2.60:1の横長。焼いたあと中央の 100%×58% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの21%は地の色だけの余白帯にし、そこには何も置かない。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 文字と数字で組んだ図表(表・グラフ・札の並び)。中身の文字は[焼く文字]のとおり。写真・人物・静物にしない 2. [焼く文字] 文字は正確に(改行も)「英語力は不要 必要時は日本語 体験で雰囲気確認 駒沢校は送迎あり 放課後の英語環境へ 4歳〜」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure red RGB(255,0,0). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure red RGB(255,0,0) or any similar hue anywhere inside the subject itself. The subject itself contains an opaque panel/card/button shape of colour #b6e4e5; draw that shape solid and fully opaque (no transparency, no pure red RGB(255,0,0) inside it) with its text on it — only the area outside the subject is the flat pure red RGB(255,0,0) background.
8/53/3・箱 390×235 px・写真・fit=cover・参照あり(e491185ccecd.webp)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。この枠には白い文字が重なるので、地は濃く沈める(明度を上げない)。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 390×235px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1.66:1の横長。焼いたあと中央の 100%×91% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの5%は紙の色 #fffafc だけで平らに塗った余白帯にし(絵の地の色や模様で塗らない)、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [地の模様] 青緑の背景に金銀の星飾り、下部にチェック柄の帯 この枠に文字は無い。文字・数字・単位・ロゴを一切描かない。 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
8/53/3/1/1・箱 302×59 px・透過・fit=contain・参照なし【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 302×59px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 5.12:1の横長。焼いたあと中央の 100%×29% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの35%は地の色だけの余白帯にし、そこには何も置かない。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 青緑の太い縁取りに白い丸ゴシック体が二段で配置。字は[焼く文字]の文言だけ 2. [焼く文字] 文字は正確に(改行も)「預かり時間で選んで学べる 英語も探究もここで体験」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 302×59px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 5.12:1の横長。焼いたあと中央の 100%×29% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの35%は地の色だけの余白帯にし、そこには何も置かない。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 青緑の太い縁取りに白い丸ゴシック体が二段で配置。字は[焼く文字]の文言だけ 2. [焼く文字] 文字は正確に(改行も)「預かり時間で選んで学べる 英語も探究もここで体験」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure red RGB(255,0,0). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure red RGB(255,0,0) or any similar hue anywhere inside the subject itself. The subject itself contains an opaque panel/card/button shape of colour #fdfefe; draw that shape solid and fully opaque (no transparency, no pure red RGB(255,0,0) inside it) with its text on it — only the area outside the subject is the flat pure red RGB(255,0,0) background.
8/53/3/3/1/0・箱 358×108 px・透過・fit=contain・参照あり(ab29061ad0e4__textmasked.png)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 358×108px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 3.31:1の横長。焼いたあと中央の 100%×45% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの27%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] オレンジの角丸ボタンに白い案内文と右向き矢印。板の役割: 説明会予約への誘導ボタン。字は[焼く文字]の文言だけ 2. [焼く文字] 文字は正確に(改行も)「お近くの校舎で無料体験・見学をフォームから申し込む 雰囲気を確認する」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 358×108px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 3.31:1の横長。焼いたあと中央の 100%×45% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの27%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] オレンジの角丸ボタンに白い案内文と右向き矢印。板の役割: 説明会予約への誘導ボタン。字は[焼く文字]の文言だけ 2. [焼く文字] 文字は正確に(改行も)「お近くの校舎で無料体験・見学をフォームから申し込む 雰囲気を確認する」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure green RGB(0,255,0). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure green RGB(0,255,0) or any similar hue anywhere inside the subject itself. The subject itself contains an opaque panel/card/button shape of colour #ff9c00; draw that shape solid and fully opaque (no transparency, no pure green RGB(0,255,0) inside it) with its text on it — only the area outside the subject is the flat pure green RGB(0,255,0) background.
8/53/3/1/1・箱 302×59 px・組めた・門: cand_1.html PASS・cand_2.html FAILあなたは Web 制作者。次の条件で、箱の中だけで完結する HTML 断片を 1 つ書く。 【箱】幅 302px × 高さ 59px。最外の要素は width:302px;height:59px;box-sizing:border-box;overflow:hidden を持ち、内側の要素は全てこの箱の中に収める(はみ出し禁止・スクロール禁止)。文字は箱の中で全部読める大きさ(最小 10px)で、折り返し・省略(ellipsis)で欠けないこと。文字が箱の丈に収まらないときは、収まるまで字を小さくする(最小 10px)。行を省かない・文言を削らない・箱を広げない。文字を他の面・図形・円で隠さない=文字は自分の箱(overflow:hidden の要素)の中に丸ごと収め、面の縁や別の要素と重ねない。 【形】文字。青緑の太い縁取りに白い丸ゴシック体が二段で配置。 【トンマナ】パステルピンク・丸角。角丸の基本は 18px。使ってよい色は次の 4 つの hex『だけ』(他の色を作らない・白・黒・グレー・rgb()・rgba()・透明度つきの色も作らない): 板(面・地): #fffafc 字: #5a3a45 強調(面の差し色・アイコン・矢印): #f2a3bd 罫線: #f0d6de 役割は固定: 最外の要素の background は板 #fffafc(画像・グラデ・透明にしない)。字 #5a3a45 は文字の color だけに使う=面・地・帯・箱・丸の background に塗らない。文字は全部 字 #5a3a45(見出しも本文も番号も)。強調 #f2a3bd は面と印(帯・丸・アイコン・矢印)だけ=文字の色にしない(強調の面に文字を載せるときも文字は #5a3a45)。罫線 #f0d6de は罫(border・線・区切り)だけ。 書体は font-family: 游ゴシック, 'Yu Gothic', 游ゴシック体, YuGothic, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', メイリオ, Meiryo, sans-serif を最外の要素に書く。 【文字】次の文言『だけ』を、一字一句そのまま使う(順番は構図に合わせて並べ替えてよい・省いてはいけない・足してはいけない)。数字・単位・記号もこの一覧に無いものは書かない。この一覧の番号(1. 2. …)は文言ではない=書かない。渡した文言以外の文字・記号・ラベル・見出し・注記・装飾の文字(英字の飾り・番号の丸の中の数字も含む)を書かない。数字は渡した文言に在るものだけ。 1. 預かり時間で選んで学べる 2. 英語も探究もここで体験 【参照画像】同じ用途の板を 1 枚渡す。借りるのは構図だけ=表の行列・要素の並ぶ順・大きさの比・強調の位置・余白の取り方。参照の色・書体・写真・ロゴ・文字・数字は写さない。参照に見える数値や固有名は絵にも文字にも出さない。 【禁止】外部資産(<link>・<script>・<img src=http…>・url(http…)・Web フォント)。<style> ブロックは使わず inline style だけ。<html>/<body> は書かない。JavaScript を書かない。id 属性を付けない。SVG は inline で書いてよい(アイコン・罫・矢印など)。 【出力】HTML 断片だけを ```html フェンスで 1 つ返す。説明文は書かない。
<div style="width:302px;height:59px;box-sizing:border-box;overflow:hidden;background:#fffafc;font-family:游ゴシック,'Yu Gothic',游ゴシック体,YuGothic,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro',メイリオ,Meiryo,sans-serif;border:2px solid #f0d6de;border-radius:18px;position:relative;padding:6px 10px;"> <div style="position:absolute;left:10px;top:7px;width:282px;height:45px;box-sizing:border-box;background:#fffafc;b
8/53/3/3/1/0・箱 358×108 px・組めた・門: cand_1.html PASS・cand_2.html PASSあなたは Web 制作者。次の条件で、箱の中だけで完結する HTML 断片を 1 つ書く。 【箱】幅 358px × 高さ 108px。最外の要素は width:358px;height:108px;box-sizing:border-box;overflow:hidden を持ち、内側の要素は全てこの箱の中に収める(はみ出し禁止・スクロール禁止)。文字は箱の中で全部読める大きさ(最小 10px)で、折り返し・省略(ellipsis)で欠けないこと。文字が箱の丈に収まらないときは、収まるまで字を小さくする(最小 10px)。行を省かない・文言を削らない・箱を広げない。文字を他の面・図形・円で隠さない=文字は自分の箱(overflow:hidden の要素)の中に丸ごと収め、面の縁や別の要素と重ねない。 【形】文字。オレンジの角丸ボタンに白い案内文と右向き矢印。 【トンマナ】パステルピンク・丸角。角丸の基本は 18px。使ってよい色は次の 4 つの hex『だけ』(他の色を作らない・白・黒・グレー・rgb()・rgba()・透明度つきの色も作らない): 板(面・地): #fffafc 字: #5a3a45 強調(面の差し色・アイコン・矢印): #f2a3bd 罫線: #f0d6de 役割は固定: 最外の要素の background は板 #fffafc(画像・グラデ・透明にしない)。字 #5a3a45 は文字の color だけに使う=面・地・帯・箱・丸の background に塗らない。文字は全部 字 #5a3a45(見出しも本文も番号も)。強調 #f2a3bd は面と印(帯・丸・アイコン・矢印)だけ=文字の色にしない(強調の面に文字を載せるときも文字は #5a3a45)。罫線 #f0d6de は罫(border・線・区切り)だけ。 書体は font-family: 游ゴシック, 'Yu Gothic', 游ゴシック体, YuGothic, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', メイリオ, Meiryo, sans-serif を最外の要素に書く。 【文字】次の文言『だけ』を、一字一句そのまま使う(順番は構図に合わせて並べ替えてよい・省いてはいけない・足してはいけない)。数字・単位・記号もこの一覧に無いものは書かない。この一覧の番号(1. 2. …)は文言ではない=書かない。渡した文言以外の文字・記号・ラベル・見出し・注記・装飾の文字(英字の飾り・番号の丸の中の数字も含む)を書かない。数字は渡した文言に在るものだけ。 1. お近くの校舎で無料体験・見学をフォームから申し込む 2. 雰囲気を確認する 【参照画像】同じ用途の板を 1 枚渡す。借りるのは構図だけ=表の行列・要素の並ぶ順・大きさの比・強調の位置・余白の取り方。参照の色・書体・写真・ロゴ・文字・数字は写さない。参照に見える数値や固有名は絵にも文字にも出さない。 【禁止】外部資産(<link>・<script>・<img src=http…>・url(http…)・Web フォント)。<style> ブロックは使わず inline style だけ。<html>/<body> は書かない。JavaScript を書かない。id 属性を付けない。SVG は inline で書いてよい(アイコン・罫・矢印など)。 【出力】HTML 断片だけを ```html フェンスで 1 つ返す。説明文は書かない。
<div style="width:358px;height:108px;box-sizing:border-box;overflow:hidden;background:#fffafc;font-family:游ゴシック, 'Yu Gothic', 游ゴシック体, YuGothic, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', メイリオ, Meiryo, sans-serif;border:1px solid #f0d6de;border-radius:18px;padding:9px;display:flex;flex-direction:column;gap:6px;"> <div style="height:58px;box-sizing:border-box;overflow:hidden;background:#f2a3bd;bord
パーツ: 文字の穴(HTML)1・絵に焼く字 1・読めていない絵 1・画像の枠 2・DOM 板 0・CSS 0
| 役割 | 出典の文面(要約) | 書いた文言(=紙面の文言) | 発注の狙い |
|---|---|---|---|
| 自分力を育む教育方針の説明 | 子どもたち一人ひとりの個性を大切にし、園での英語教育、知能教育、運動指導、ライフスキル教育などの様々な体験を通じて、子どもたちが「自分で考え、自分で決めて、自分で行動する」ことで自ら「人生をデザインする力」、すなわち「自分力」… | 英語レッスンと探究型アクティビティを通じ、自分で選び、考え、表現する姿勢を育みます。 親の最初の文字節点へ束ねられた(fold-lines・鍵 8/57/1/3/0) | 字数 5〜65・切らない |
| 役割 | 出典の絵の字 | 書いた文言 |
|---|---|---|
| 自分力を育む考え方の図解 | — | ネスアフタースクールの考え方「自分で選び、英語で表現する力」を育む |
読めていない絵 1 枠(alt が空・Vision で読むまで測っていない——発注書の申告のまま)。
8/57/1/1/1・箱 369×503 px・写真・fit=cover・参照なし【スタイルDNA: パステルピンク・丸角】写真は自然な色。人物の肌・服・背景の色は変えない。地・小物・光の空気だけを配色(#fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45)に寄せる。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 369×503px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1:1.36の縦長。焼いたあと中央の 100%×91% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの5%は紙の色 #fffafc だけで平らに塗った余白帯にし(絵の地の色や模様で塗らない)、そこには何も置かない。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 私服の小学生が教室で英語の絵本を読んでいる後ろ姿。紙面での役目: 自分力を育む考え方の図解。添える文言: 『ネスアフタースクールの考え方『自ら選び学ぶ力』を育む』。 2. [焼く文字] 文字は正確に「ネスアフタースクールの考え方「自分で選び、英語で表現する力」を育む」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
8/57/3/1・箱 390×35 px・写真・fit=cover・参照あり(1b7db3f3d748.webp)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 390×35px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 11.20:1の横長。焼いたあと中央の 100%×13% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの43%は紙の色 #fffafc だけで平らに塗った余白帯にし(絵の地の色や模様で塗らない)、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [地の模様] 淡い背景にオレンジの帯が中央へ浅くへこむ抽象柄(内容を持たない装飾画像) 単色(1色 #fffafc)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 この枠に文字は無い。文字・数字・単位・ロゴを一切描かない。 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
パーツ: 文字の穴(HTML)0・絵に焼く字 1・読めていない絵 0・画像の枠 1・DOM 板 1・CSS 0
| 役割 | 出典の絵の字 | 書いた文言 |
|---|---|---|
| 自分力を育てる四つのカリキュラム図解 | Curriculum・「自分力」を育てる・4つのカリキュラム・1・English・英語・2・Intelligence・知育・3・Motor skills・運動・4・Life skills・ライフ・スキル | 英語でふれる / 自分で選ぶ / 放課後の学び / 1 / 基礎から / 英語 / 2 / 目標に向ける / 英検対策 / 3 / 考えて動かす / プログラミング / 4 / つくって表す / アート&クラフト / 探究 |
8/61/1/1/1・箱 369×269 px・透過・fit=contain・参照あり(4b751793982a__textmasked.png)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 369×269px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1.37:1の横長。焼いたあと中央の 92%×100% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。左右それぞれ幅の4%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 黒背景に月桂樹と星、下部に丸い淡色バッジが並ぶ(自分力を育てる4カリキュラム図)。中身の文字は[焼く文字]のとおり。写真・人物・静物にしない 2. [表] 文字は正確に(改行も)「英語でふれる 自分で選ぶ 放課後の学び 1 基礎から 英語 2 目標に向ける 英検対策 3 考えて動かす プログラミング 4 つくって表す アート&クラフト 探究」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 369×269px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1.37:1の横長。焼いたあと中央の 92%×100% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。左右それぞれ幅の4%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 黒背景に月桂樹と星、下部に丸い淡色バッジが並ぶ(自分力を育てる4カリキュラム図)。中身の文字は[焼く文字]のとおり。写真・人物・静物にしない 2. [表] 文字は正確に(改行も)「英語でふれる 自分で選ぶ 放課後の学び 1 基礎から 英語 2 目標に向ける 英検対策 3 考えて動かす プログラミング 4 つくって表す アート&クラフト 探究」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure red RGB(255,0,0). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure red RGB(255,0,0) or any similar hue anywhere inside the subject itself. The subject itself contains an opaque panel/card/button shape of colour #f2fcfc; draw that shape solid and fully opaque (no transparency, no pure red RGB(255,0,0) inside it) with its text on it — only the area outside the subject is the flat pure red RGB(255,0,0) background.
8/61/1/1/1・箱 369×269 px・組めた・門: cand_1.html PASS・cand_2.html FAILあなたは Web 制作者。次の条件で、箱の中だけで完結する HTML 断片を 1 つ書く。 【箱】幅 369px × 高さ 269px。最外の要素は width:369px;height:269px;box-sizing:border-box;overflow:hidden を持ち、内側の要素は全てこの箱の中に収める(はみ出し禁止・スクロール禁止)。文字は箱の中で全部読める大きさ(最小 10px)で、折り返し・省略(ellipsis)で欠けないこと。文字が箱の丈に収まらないときは、収まるまで字を小さくする(最小 10px)。行を省かない・文言を削らない・箱を広げない。文字を他の面・図形・円で隠さない=文字は自分の箱(overflow:hidden の要素)の中に丸ごと収め、面の縁や別の要素と重ねない。 【形】図表。黒背景に月桂樹と星、下部に丸い淡色バッジが並ぶ。 【トンマナ】パステルピンク・丸角。角丸の基本は 18px。使ってよい色は次の 4 つの hex『だけ』(他の色を作らない・白・黒・グレー・rgb()・rgba()・透明度つきの色も作らない): 板(面・地): #fffafc 字: #5a3a45 強調(面の差し色・アイコン・矢印): #f2a3bd 罫線: #f0d6de 役割は固定: 最外の要素の background は板 #fffafc(画像・グラデ・透明にしない)。字 #5a3a45 は文字の color だけに使う=面・地・帯・箱・丸の background に塗らない。文字は全部 字 #5a3a45(見出しも本文も番号も)。強調 #f2a3bd は面と印(帯・丸・アイコン・矢印)だけ=文字の色にしない(強調の面に文字を載せるときも文字は #5a3a45)。罫線 #f0d6de は罫(border・線・区切り)だけ。 書体は font-family: 游ゴシック, 'Yu Gothic', 游ゴシック体, YuGothic, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', メイリオ, Meiryo, sans-serif を最外の要素に書く。 【文字】次の文言『だけ』を、一字一句そのまま使う(順番は構図に合わせて並べ替えてよい・省いてはいけない・足してはいけない)。数字・単位・記号もこの一覧に無いものは書かない。この一覧の番号(1. 2. …)は文言ではない=書かない。渡した文言以外の文字・記号・ラベル・見出し・注記・装飾の文字(英字の飾り・番号の丸の中の数字も含む)を書かない。数字は渡した文言に在るものだけ。 1. 英語でふれる 2. 自分で選ぶ 3. 放課後の学び 4. 1 5. 基礎から 6. 英語 7. 2 8. 目標に向ける 9. 英検対策 10. 3 11. 考えて動かす 12. プログラミング 13. 4 14. つくって表す 15. アート&クラフト 16. 探究 【参照画像】同じ用途の板を 1 枚渡す。借りるのは構図だけ=表の行列・要素の並ぶ順・大きさの比・強調の位置・余白の取り方。参照の色・書体・写真・ロゴ・文字・数字は写さない。参照に見える数値や固有名は絵にも文字にも出さない。 【禁止】外部資産(<link>・<script>・<img src=http…>・url(http…)・Web フォント)。<style> ブロックは使わず inline style だけ。<html>/<body> は書かない。JavaScript を書かない。id 属性を付けない。SVG は inline で書いてよい(アイコン・罫・矢印など)。 【出力】HTML 断片だけを ```html フェンスで 1 つ返す。説明文は書かない。
<div style="width:369px;height:269px;box-sizing:border-box;overflow:hidden;background:#fffafc;color:#5a3a45;font-family:游ゴシック,'Yu Gothic',游ゴシック体,YuGothic,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro',メイリオ,Meiryo,sans-serif;position:relative;border:2px solid #f0d6de;border-radius:18px;"> <div style="position:absolute;left:10px;top:10px;width:345px;height:150px;box-sizing:border-box;background:#fffafc;b
パーツ: 文字の穴(HTML)1・絵に焼く字 2・読めていない絵 1・画像の枠 2・DOM 板 1・CSS 1
| 役割 | 出典の文面(要約) | 書いた文言(=紙面の文言) | 発注の狙い |
|---|---|---|---|
| 英語教育カリキュラム名 | 英語教育 | 英語学童 | 字数 5〜65・切らない |
| 役割 | 出典の絵の字 | 書いた文言 |
|---|---|---|
| カリキュラム一つ目の番号札 | Amatorium 01 | (文言なし) |
| 英語教育を受ける子供写真 | KidsDu | (文言なし) |
読めていない絵 1 枠(alt が空・Vision で読むまで測っていない——発注書の申告のまま)。
8/61/3/1/1/1・箱 266×19 px・透過・fit=contain・参照あり(ef9b7e639ab2__masked.png)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 266×19px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 14.14:1の横長。焼いたあと中央の 100%×11% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの45%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [単色の図] 左右に飾り罫のある淡色の装飾的な英数字。板の役割: カリキュラム1の英字ラベル。字は[焼く文字]の文言だけ 単色(1色 #f7e6eb)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 2. [焼く文字] 文字は正確に「Program 01」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 266×19px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 14.14:1の横長。焼いたあと中央の 100%×11% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの45%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [単色の図] 左右に飾り罫のある淡色の装飾的な英数字。板の役割: カリキュラム1の英字ラベル。字は[焼く文字]の文言だけ 単色(1色 #f7e6eb)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 2. [焼く文字] 文字は正確に「Program 01」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure green RGB(0,255,0). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure green RGB(0,255,0) or any similar hue anywhere inside the subject itself. The subject itself contains an opaque panel/card/button shape of colour #ebd4c2; draw that shape solid and fully opaque (no transparency, no pure green RGB(0,255,0) inside it) with its text on it — only the area outside the subject is the flat pure green RGB(0,255,0) background.
8/61/5/1/1/1・箱 348×130 px・写真・fit=cover・参照あり(3167950729e2__masked.png)【スタイルDNA: パステルピンク・丸角】写真は自然な色。人物の肌・服・背景の色は変えない。地・小物・光の空気だけを配色(#fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45)に寄せる。この枠には白い文字が重なるので、地は濃く沈める(明度を上げない)。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 348×130px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 2.68:1の横長。焼いたあと中央の 100%×56% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの22%は紙の色 #fffafc だけで平らに塗った余白帯にし(絵の地の色や模様で塗らない)、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。写真なので色は自然なままでよい(上の【スタイルDNA】の写真の句に従う)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 外国人講師が小学生に英語の絵本を見せている手元。顔は写さない。紙面での役目: 子どものイメージ写真。添える文言: 『英語で学ぶ子』。構図は出典の絵に倣う: 教室で女性が複数の子どもに笑顔で話しかけている 2. [焼く文字] 文字は正確に「英語のじかん」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
8/61/3/1/1/1・箱 266×19 px・組めた・門: cand_1.html FAIL・cand_2.html PASSあなたは Web 制作者。次の条件で、箱の中だけで完結する HTML 断片を 1 つ書く。 【箱】幅 266px × 高さ 19px。最外の要素は width:266px;height:19px;box-sizing:border-box;overflow:hidden を持ち、内側の要素は全てこの箱の中に収める(はみ出し禁止・スクロール禁止)。文字は箱の中で全部読める大きさ(最小 10px)で、折り返し・省略(ellipsis)で欠けないこと。文字が箱の丈に収まらないときは、収まるまで字を小さくする(最小 10px)。行を省かない・文言を削らない・箱を広げない。文字を他の面・図形・円で隠さない=文字は自分の箱(overflow:hidden の要素)の中に丸ごと収め、面の縁や別の要素と重ねない。 【形】文字。左右に飾り罫のある淡色の装飾的な英数字。 【トンマナ】パステルピンク・丸角。角丸の基本は 18px。使ってよい色は次の 4 つの hex『だけ』(他の色を作らない・白・黒・グレー・rgb()・rgba()・透明度つきの色も作らない): 板(面・地): #fffafc 字: #5a3a45 強調(面の差し色・アイコン・矢印): #f2a3bd 罫線: #f0d6de 役割は固定: 最外の要素の background は板 #fffafc(画像・グラデ・透明にしない)。字 #5a3a45 は文字の color だけに使う=面・地・帯・箱・丸の background に塗らない。文字は全部 字 #5a3a45(見出しも本文も番号も)。強調 #f2a3bd は面と印(帯・丸・アイコン・矢印)だけ=文字の色にしない(強調の面に文字を載せるときも文字は #5a3a45)。罫線 #f0d6de は罫(border・線・区切り)だけ。 書体は font-family: 游ゴシック, 'Yu Gothic', 游ゴシック体, YuGothic, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', メイリオ, Meiryo, sans-serif を最外の要素に書く。 【文字】次の文言『だけ』を、一字一句そのまま使う(順番は構図に合わせて並べ替えてよい・省いてはいけない・足してはいけない)。数字・単位・記号もこの一覧に無いものは書かない。この一覧の番号(1. 2. …)は文言ではない=書かない。渡した文言以外の文字・記号・ラベル・見出し・注記・装飾の文字(英字の飾り・番号の丸の中の数字も含む)を書かない。数字は渡した文言に在るものだけ。 1. Program 01 【参照画像】同じ用途の板を 1 枚渡す。借りるのは構図だけ=表の行列・要素の並ぶ順・大きさの比・強調の位置・余白の取り方。参照の色・書体・写真・ロゴ・文字・数字は写さない。参照に見える数値や固有名は絵にも文字にも出さない。 【禁止】外部資産(<link>・<script>・<img src=http…>・url(http…)・Web フォント)。<style> ブロックは使わず inline style だけ。<html>/<body> は書かない。JavaScript を書かない。id 属性を付けない。SVG は inline で書いてよい(アイコン・罫・矢印など)。 【出力】HTML 断片だけを ```html フェンスで 1 つ返す。説明文は書かない。
<div style="width:266px;height:19px;box-sizing:border-box;overflow:hidden;background:#fffafc;border:1px solid #f0d6de;border-radius:18px;font-family:游ゴシック,'Yu Gothic',游ゴシック体,YuGothic,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro',メイリオ,Meiryo,sans-serif;display:flex;align-items:center;justify-content:center;padding:0 8px;"> <div style="height:17px;box-sizing:border-box;display:flex;align-items:center;ju
CSS で引いた枠 1: 地のベタ塗り(#a98b93・390×238 px)
パーツ: 文字の穴(HTML)4・絵に焼く字 1・読めていない絵 0・画像の枠 1・DOM 板 1・CSS 0
| 役割 | 出典の文面(要約) | 書いた文言(=紙面の文言) | 発注の狙い |
|---|---|---|---|
| イマージョン教育名の見出し | イマージョン教育で、 | 英語イマージョン | 字数 3〜15・切る |
| 英語を手段化する方針見出し | 英語を「手段」として | 英語を学びの手段に | 字数 3〜15・切る |
| 英語活用到達点の見出し | 使いこなす | 使える力へ | 字数 3〜15・切る |
| イマージョン教育の説明文 | イマージョン(Immersion)とは「浸すこと」。子どもたちを英語に浸しながら様々な学習を行い、手段として当たり前のように活用することで、自然と使える英語を身につけるようにします。 | 英語で過ごす環境の中で、英語レッスンに加え探究型アクティビティを選び、考えや発表にも英語を使う力を育みます。 | 字数 5〜65・切らない |
| 役割 | 出典の絵の字 | 書いた文言 |
|---|---|---|
| 英語教育で育つ力の図解 | All English!・演劇・外遊び・読み聞かせ・パターンブロック・コミュニ・ケーション力・協調性・思考力・創造力・ダンス・音楽・アート・お絵かき | 英語で育つ未来へ向かう力 / 会話 / 表現力 / 英語で話す / 英語で考え伝える / やりとり / 考えを英語で / 思考力 / 創造力 / 探究心 / 協調性 / 自信 / 好奇心 / 問題解決 |
8/61/5/1/3/3/1・箱 348×265 px・透過・fit=contain・参照あり(13077991e096__textmasked.png)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 348×265px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1.31:1の横長。焼いたあと中央の 88%×100% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。左右それぞれ幅の6%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 中央に笑顔の子ども写真、周囲に白い丸と学習活動アイコン(育まれる能力の図解)。中身の文字は[焼く文字]のとおり。写真・人物・静物にしない 2. [表] 文字は正確に(改行も)「英語で育つ未来へ向かう力 会話 表現力 英語で話す 英語で考え伝える やりとり 考えを英語で 思考力 創造力 探究心 協調性 自信 好奇心 問題解決」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 348×265px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1.31:1の横長。焼いたあと中央の 88%×100% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。左右それぞれ幅の6%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 中央に笑顔の子ども写真、周囲に白い丸と学習活動アイコン(育まれる能力の図解)。中身の文字は[焼く文字]のとおり。写真・人物・静物にしない 2. [表] 文字は正確に(改行も)「英語で育つ未来へ向かう力 会話 表現力 英語で話す 英語で考え伝える やりとり 考えを英語で 思考力 創造力 探究心 協調性 自信 好奇心 問題解決」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure red RGB(255,0,0). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure red RGB(255,0,0) or any similar hue anywhere inside the subject itself.
8/61/5/1/3/3/1・箱 348×265 px・組めた・門: cand_1.html FAIL・cand_2.html PASSあなたは Web 制作者。次の条件で、箱の中だけで完結する HTML 断片を 1 つ書く。 【箱】幅 348px × 高さ 265px。最外の要素は width:348px;height:265px;box-sizing:border-box;overflow:hidden を持ち、内側の要素は全てこの箱の中に収める(はみ出し禁止・スクロール禁止)。文字は箱の中で全部読める大きさ(最小 10px)で、折り返し・省略(ellipsis)で欠けないこと。文字が箱の丈に収まらないときは、収まるまで字を小さくする(最小 10px)。行を省かない・文言を削らない・箱を広げない。文字を他の面・図形・円で隠さない=文字は自分の箱(overflow:hidden の要素)の中に丸ごと収め、面の縁や別の要素と重ねない。 【形】図表。中央に笑顔の子ども写真、周囲に白い丸と学習活動アイコン。 【トンマナ】パステルピンク・丸角。角丸の基本は 18px。使ってよい色は次の 4 つの hex『だけ』(他の色を作らない・白・黒・グレー・rgb()・rgba()・透明度つきの色も作らない): 板(面・地): #fffafc 字: #5a3a45 強調(面の差し色・アイコン・矢印): #f2a3bd 罫線: #f0d6de 役割は固定: 最外の要素の background は板 #fffafc(画像・グラデ・透明にしない)。字 #5a3a45 は文字の color だけに使う=面・地・帯・箱・丸の background に塗らない。文字は全部 字 #5a3a45(見出しも本文も番号も)。強調 #f2a3bd は面と印(帯・丸・アイコン・矢印)だけ=文字の色にしない(強調の面に文字を載せるときも文字は #5a3a45)。罫線 #f0d6de は罫(border・線・区切り)だけ。 書体は font-family: 游ゴシック, 'Yu Gothic', 游ゴシック体, YuGothic, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', メイリオ, Meiryo, sans-serif を最外の要素に書く。 【文字】次の文言『だけ』を、一字一句そのまま使う(順番は構図に合わせて並べ替えてよい・省いてはいけない・足してはいけない)。数字・単位・記号もこの一覧に無いものは書かない。この一覧の番号(1. 2. …)は文言ではない=書かない。渡した文言以外の文字・記号・ラベル・見出し・注記・装飾の文字(英字の飾り・番号の丸の中の数字も含む)を書かない。数字は渡した文言に在るものだけ。 1. 英語で育つ未来へ向かう力 2. 会話 3. 表現力 4. 英語で話す 5. 英語で考え伝える 6. やりとり 7. 考えを英語で 8. 思考力 9. 創造力 10. 探究心 11. 協調性 12. 自信 13. 好奇心 14. 問題解決 【参照画像】同じ用途の板を 1 枚渡す。借りるのは構図だけ=表の行列・要素の並ぶ順・大きさの比・強調の位置・余白の取り方。参照の色・書体・写真・ロゴ・文字・数字は写さない。参照に見える数値や固有名は絵にも文字にも出さない。 【禁止】外部資産(<link>・<script>・<img src=http…>・url(http…)・Web フォント)。<style> ブロックは使わず inline style だけ。<html>/<body> は書かない。JavaScript を書かない。id 属性を付けない。SVG は inline で書いてよい(アイコン・罫・矢印など)。 【出力】HTML 断片だけを ```html フェンスで 1 つ返す。説明文は書かない。
<div style="width:348px;height:265px;box-sizing:border-box;overflow:hidden;position:relative;background:#fffafc;color:#5a3a45;font-family:游ゴシック,'Yu Gothic',游ゴシック体,YuGothic,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro',メイリオ,Meiryo,sans-serif;border:2px solid #f0d6de;border-radius:18px;"> <div style="position:absolute;left:23px;top:8px;width:302px;height:28px;box-sizing:border-box;border:2px solid #f0d6
パーツ: 文字の穴(HTML)2・絵に焼く字 1・読めていない絵 0・画像の枠 1・DOM 板 1・CSS 0
| 役割 | 出典の文面(要約) | 書いた文言(=紙面の文言) | 発注の狙い |
|---|---|---|---|
| 英語100%環境の学習時間訴求 | 英語100%環境で、3,840時間の英語学習 | 放課後も完全英語環境で聞くまねる話す・書く | 字数 5〜65・切らない |
| バイリンガル常駐の安心訴求 | ネイティブだけでなく、バイリンガルも常駐している教育環境だから安心です。 | 外国人講師とバイリンガル講師の環境。必要に応じ日本語サポートも行います。 | 字数 5〜50・切らない |
| 役割 | 出典の絵の字 | 書いた文言 |
|---|---|---|
| 英語学習時間比較の図解 | 小3から・高3まで・1,200h・※小3から高3まで・週4コマ英語学習を・した場合の試算・言語習得に・必要な時間・2,000h・※米国国務省・「The Foreign Service・Institute」発表・KD・International・3,840h・(4年間)・※KDI実績 | 学校中心 / 放課後型 / 限られた枠 / 授業で学ぶ時間 / 家庭で復習する時間 / 読む書く練習 / 会話練習 / 理解確認 / 生活内で使う / 英語で過ごす / 英語で考える力を育てる放課後環境 / 友だち同士も英語 / 比較 / 学ぶ時間に使う場面を重ねる / 積み重ねる / 続けて浸る / 体験で確認 |
8/61/5/1/7/1・箱 350×208 px・透過・fit=contain・参照あり(186a1a816be8__textmasked.png)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 350×208px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1.68:1の横長。焼いたあと中央の 100%×89% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの5%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 複数の縦長カードで学習量を比較する図表(英語習得時間比較の図解)。中身の文字は[焼く文字]のとおり。写真・人物・静物にしない 2. [表] 文字は正確に(改行も)「学校中心 放課後型 限られた枠 授業で学ぶ時間 家庭で復習する時間 読む書く練習 会話練習 理解確認 生活内で使う 英語で過ごす 英語で考える力を育てる放課後環境 友だち同士も英語 比較 学ぶ時間に使う場面を重ねる 積み重ねる 続けて浸る 体験で確認」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 350×208px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1.68:1の横長。焼いたあと中央の 100%×89% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの5%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 複数の縦長カードで学習量を比較する図表(英語習得時間比較の図解)。中身の文字は[焼く文字]のとおり。写真・人物・静物にしない 2. [表] 文字は正確に(改行も)「学校中心 放課後型 限られた枠 授業で学ぶ時間 家庭で復習する時間 読む書く練習 会話練習 理解確認 生活内で使う 英語で過ごす 英語で考える力を育てる放課後環境 友だち同士も英語 比較 学ぶ時間に使う場面を重ねる 積み重ねる 続けて浸る 体験で確認」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure red RGB(255,0,0). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure red RGB(255,0,0) or any similar hue anywhere inside the subject itself. The subject itself contains an opaque panel/card/button shape of colour #ffffff; draw that shape solid and fully opaque (no transparency, no pure red RGB(255,0,0) inside it) with its text on it — only the area outside the subject is the flat pure red RGB(255,0,0) background.
8/61/5/1/7/1・箱 350×208 px・組めた・門: cand_1.html FAIL・cand_2.html PASSあなたは Web 制作者。次の条件で、箱の中だけで完結する HTML 断片を 1 つ書く。 【箱】幅 350px × 高さ 208px。最外の要素は width:350px;height:208px;box-sizing:border-box;overflow:hidden を持ち、内側の要素は全てこの箱の中に収める(はみ出し禁止・スクロール禁止)。文字は箱の中で全部読める大きさ(最小 10px)で、折り返し・省略(ellipsis)で欠けないこと。文字が箱の丈に収まらないときは、収まるまで字を小さくする(最小 10px)。行を省かない・文言を削らない・箱を広げない。文字を他の面・図形・円で隠さない=文字は自分の箱(overflow:hidden の要素)の中に丸ごと収め、面の縁や別の要素と重ねない。 【形】図表。複数の縦長カードで学習量を比較する図表。 【トンマナ】パステルピンク・丸角。角丸の基本は 18px。使ってよい色は次の 4 つの hex『だけ』(他の色を作らない・白・黒・グレー・rgb()・rgba()・透明度つきの色も作らない): 板(面・地): #fffafc 字: #5a3a45 強調(面の差し色・アイコン・矢印): #f2a3bd 罫線: #f0d6de 役割は固定: 最外の要素の background は板 #fffafc(画像・グラデ・透明にしない)。字 #5a3a45 は文字の color だけに使う=面・地・帯・箱・丸の background に塗らない。文字は全部 字 #5a3a45(見出しも本文も番号も)。強調 #f2a3bd は面と印(帯・丸・アイコン・矢印)だけ=文字の色にしない(強調の面に文字を載せるときも文字は #5a3a45)。罫線 #f0d6de は罫(border・線・区切り)だけ。 書体は font-family: 游ゴシック, 'Yu Gothic', 游ゴシック体, YuGothic, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', メイリオ, Meiryo, sans-serif を最外の要素に書く。 【文字】次の文言『だけ』を、一字一句そのまま使う(順番は構図に合わせて並べ替えてよい・省いてはいけない・足してはいけない)。数字・単位・記号もこの一覧に無いものは書かない。この一覧の番号(1. 2. …)は文言ではない=書かない。渡した文言以外の文字・記号・ラベル・見出し・注記・装飾の文字(英字の飾り・番号の丸の中の数字も含む)を書かない。数字は渡した文言に在るものだけ。 1. 学校中心 2. 放課後型 3. 限られた枠 4. 授業で学ぶ時間 5. 家庭で復習する時間 6. 読む書く練習 7. 会話練習 8. 理解確認 9. 生活内で使う 10. 英語で過ごす 11. 英語で考える力を育てる放課後環境 12. 友だち同士も英語 13. 比較 14. 学ぶ時間に使う場面を重ねる 15. 積み重ねる 16. 続けて浸る 17. 体験で確認 【参照画像】同じ用途の板を 1 枚渡す。借りるのは構図だけ=表の行列・要素の並ぶ順・大きさの比・強調の位置・余白の取り方。参照の色・書体・写真・ロゴ・文字・数字は写さない。参照に見える数値や固有名は絵にも文字にも出さない。 【禁止】外部資産(<link>・<script>・<img src=http…>・url(http…)・Web フォント)。<style> ブロックは使わず inline style だけ。<html>/<body> は書かない。JavaScript を書かない。id 属性を付けない。SVG は inline で書いてよい(アイコン・罫・矢印など)。 【出力】HTML 断片だけを ```html フェンスで 1 つ返す。説明文は書かない。
<div style="width:350px;height:208px;box-sizing:border-box;overflow:hidden;background:#fffafc;color:#5a3a45;font-family:游ゴシック,'Yu Gothic',游ゴシック体,YuGothic,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro',メイリオ,Meiryo,sans-serif;padding:7px;border:1px solid #f0d6de;border-radius:18px;"> <div style="height:16px;box-sizing:border-box;overflow:hidden;color:#5a3a45;background:#fffafc;text-align:center;font-size
パーツ: 文字の穴(HTML)8・絵に焼く字 0・読めていない絵 0・画像の枠 0・DOM 板 0・CSS 0
| 役割 | 出典の文面(要約) | 書いた文言(=紙面の文言) | 発注の狙い |
|---|---|---|---|
| コース紹介見出しの英字C(2穴を1本の文面で書く・先頭の穴へ全文が入る)[狙い: 和文で書く(出典の英字見出しを再現しない)] | C / O | コース | 字数 3〜15・切る |
| コース紹介見出しの英字URSE | URSE | 内容紹介 | 字数 3〜15・切る |
| 年中年長向けコース名 | Kids コース | キンダークラス | 字数 5〜65・切らない |
| Kidsコースの対象学年 | (年中・年長) | (年中・年長) | 字数 5〜65・切らない |
| 小学低学年向けコース名 | Juniorコース | アフタークラス | 字数 5〜65・切らない |
| Juniorコースの対象学年 | (小学1・2年生) | (小学1〜3年生) | 字数 5〜65・切らない |
| 小学低学年向けコース名 | Juniorコース | アフタークラス | 字数 5〜65・切らない |
| Juniorコースの対象学年 | (小学1・2年生) | (小学1〜3年生) | 字数 5〜65・切らない |
パーツ: 文字の穴(HTML)2・絵に焼く字 1・読めていない絵 0・画像の枠 0・DOM 板 0・CSS 1
| 役割 | 出典の文面(要約) | 書いた文言(=紙面の文言) | 発注の狙い |
|---|---|---|---|
| 英語力成長訴求の見出し | 英語力の確かな成長 | 英語で伸ばす力 | 字数 3〜15・切る |
| 卒園時の英語到達レベル説明 | 卒園までに英検®準2級程度(高校中級レベル)のリスニング力・スピーキング力が身につきます。 | 英語を聞く力を育てまねて話し読む活動へ書く練習へ英検対策にも触れ土台づくりを行います 親の最初の文字節点へ束ねられた(fold-lines・鍵 8/61/5/1/17/3/0) | 字数 5〜65・切らない |
| 役割 | 出典の絵の字 | 書いた文言 |
|---|---|---|
| 英検準2級到達目標の図版 | 英検®・準2級 | (文言なし) |
CSS で引いた枠 1: 罫(点線)(#f0d6de・348×3 px)
パーツ: 文字の穴(HTML)1・絵に焼く字 1・読めていない絵 1・画像の枠 2・DOM 板 1・CSS 1
| 役割 | 出典の文面(要約) | 書いた文言(=紙面の文言) | 発注の狙い |
|---|---|---|---|
| 知能教育カリキュラム名 | 知能教育 | 英検対策 | 字数 5〜65・切らない |
| 役割 | 出典の絵の字 | 書いた文言 |
|---|---|---|
| カリキュラム二番の目印 | Curriculum 02 | (文言なし) |
読めていない絵 1 枠(alt が空・Vision で読むまで測っていない——発注書の申告のまま)。
8/61/7/1/1/1・箱 266×18 px・透過・fit=contain・参照なし【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 266×18px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 14.55:1の横長。焼いたあと中央の 100%×10% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの45%は地の色だけの余白帯にし、そこには何も置かない。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [単色の図] 中央に見出し、左右に淡色の装飾線があるデザイン。板の役割: 第二カリキュラムの番号札。字は[焼く文字]の文言だけ 単色(1色 #f7e6eb)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 2. [焼く文字] 文字は正確に「ふたつめの学びプログラム」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 266×18px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 14.55:1の横長。焼いたあと中央の 100%×10% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの45%は地の色だけの余白帯にし、そこには何も置かない。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [単色の図] 中央に見出し、左右に淡色の装飾線があるデザイン。板の役割: 第二カリキュラムの番号札。字は[焼く文字]の文言だけ 単色(1色 #f7e6eb)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 2. [焼く文字] 文字は正確に「ふたつめの学びプログラム」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure green RGB(0,255,0). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure green RGB(0,255,0) or any similar hue anywhere inside the subject itself. The subject itself contains an opaque panel/card/button shape of colour #ebd4c2; draw that shape solid and fully opaque (no transparency, no pure green RGB(0,255,0) inside it) with its text on it — only the area outside the subject is the flat pure green RGB(0,255,0) background.
8/61/9/1/1/1・箱 348×130 px・写真・fit=cover・参照あり(f2c38ce5f304.webp)【スタイルDNA: パステルピンク・丸角】写真は自然な色。人物の肌・服・背景の色は変えない。地・小物・光の空気だけを配色(#fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45)に寄せる。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 348×130px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 2.68:1の横長。焼いたあと中央の 100%×56% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの22%は紙の色 #fffafc だけで平らに塗った余白帯にし(絵の地の色や模様で塗らない)、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。写真なので色は自然なままでよい(上の【スタイルDNA】の写真の句に従う)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] ブロック教材を机で組み立てる小学生の手元。紙面での役目: 知能教育を受ける子供写真。添える文言: 『英検対策』。構図は出典の絵に倣う: 子どもの手が紙の図形に色付き木製ブロックを置いている この枠に文字は無い。文字・数字・単位・ロゴを一切描かない。 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
8/61/7/1/1/1・箱 266×18 px・組めた・門: cand_1.html PASS・cand_2.html PASSあなたは Web 制作者。次の条件で、箱の中だけで完結する HTML 断片を 1 つ書く。 【箱】幅 266px × 高さ 18px。最外の要素は width:266px;height:18px;box-sizing:border-box;overflow:hidden を持ち、内側の要素は全てこの箱の中に収める(はみ出し禁止・スクロール禁止)。文字は箱の中で全部読める大きさ(最小 10px)で、折り返し・省略(ellipsis)で欠けないこと。文字が箱の丈に収まらないときは、収まるまで字を小さくする(最小 10px)。行を省かない・文言を削らない・箱を広げない。文字を他の面・図形・円で隠さない=文字は自分の箱(overflow:hidden の要素)の中に丸ごと収め、面の縁や別の要素と重ねない。 【形】文字。中央に見出し、左右に淡色の装飾線があるデザイン。 【トンマナ】パステルピンク・丸角。角丸の基本は 18px。使ってよい色は次の 4 つの hex『だけ』(他の色を作らない・白・黒・グレー・rgb()・rgba()・透明度つきの色も作らない): 板(面・地): #fffafc 字: #5a3a45 強調(面の差し色・アイコン・矢印): #f2a3bd 罫線: #f0d6de 役割は固定: 最外の要素の background は板 #fffafc(画像・グラデ・透明にしない)。字 #5a3a45 は文字の color だけに使う=面・地・帯・箱・丸の background に塗らない。文字は全部 字 #5a3a45(見出しも本文も番号も)。強調 #f2a3bd は面と印(帯・丸・アイコン・矢印)だけ=文字の色にしない(強調の面に文字を載せるときも文字は #5a3a45)。罫線 #f0d6de は罫(border・線・区切り)だけ。 書体は font-family: 游ゴシック, 'Yu Gothic', 游ゴシック体, YuGothic, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', メイリオ, Meiryo, sans-serif を最外の要素に書く。 【文字】次の文言『だけ』を、一字一句そのまま使う(順番は構図に合わせて並べ替えてよい・省いてはいけない・足してはいけない)。数字・単位・記号もこの一覧に無いものは書かない。この一覧の番号(1. 2. …)は文言ではない=書かない。渡した文言以外の文字・記号・ラベル・見出し・注記・装飾の文字(英字の飾り・番号の丸の中の数字も含む)を書かない。数字は渡した文言に在るものだけ。 1. ふたつめの学びプログラム 【参照画像】同じ用途の板を 1 枚渡す。借りるのは構図だけ=表の行列・要素の並ぶ順・大きさの比・強調の位置・余白の取り方。参照の色・書体・写真・ロゴ・文字・数字は写さない。参照に見える数値や固有名は絵にも文字にも出さない。 【禁止】外部資産(<link>・<script>・<img src=http…>・url(http…)・Web フォント)。<style> ブロックは使わず inline style だけ。<html>/<body> は書かない。JavaScript を書かない。id 属性を付けない。SVG は inline で書いてよい(アイコン・罫・矢印など)。 【出力】HTML 断片だけを ```html フェンスで 1 つ返す。説明文は書かない。
<div style="width:266px;height:18px;box-sizing:border-box;overflow:hidden;background:#fffafc;border:1px solid #f0d6de;border-radius:18px;font-family:游ゴシック,'Yu Gothic',游ゴシック体,YuGothic,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro',メイリオ,Meiryo,sans-serif;display:flex;align-items:center;justify-content:center;padding:0 8px;"> <span style="display:block;flex:1 1 auto;height:0;border-top:1px solid #f0d6de;b
CSS で引いた枠 1: 地のベタ塗り(#a98b93・390×238 px)
パーツ: 文字の穴(HTML)4・絵に焼く字 1・読めていない絵 0・画像の枠 1・DOM 板 1・CSS 0
| 役割 | 出典の文面(要約) | 書いた文言(=紙面の文言) | 発注の狙い |
|---|---|---|---|
| 知能教育で育つ基礎能力の導入句 | 学力のベースとなる | 学びの土台となる | 字数 3〜15・切る |
| 習得する思考法の名称句 | 「アタマの使い方」を | 英語で考える力を | 字数 3〜15・切る |
| 思考法の早期習得を示す結語 | 早期に身につける | 自然に育てる | 字数 3〜15・切る |
| 知育教材で基礎学力を育む説明 | キッズデュオインターナショナル(KDI)では、99種類の知育教材を用いた考える遊びを通じて、楽しみながら「学びのプロセス」を体験。卒園までに小学校3年生レベルの基礎学力の習得を目指しています。 | 基礎となる英語レッスンに加え、プログラミングやアート&クラフト、英検対策などを自分で選び、英語で考え表現する土台を育みます。 | 字数 5〜65・切らない |
| 役割 | 出典の絵の字 | 書いた文言 |
|---|---|---|
| 園児の平均IQ実績表示 | 平均IQ 145.3 | (文言なし) |
8/61/9/1/3/1/1・箱 276×52 px・透過・fit=contain・参照あり(186748ae7dc0__textmasked.png)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 276×52px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 5.30:1の横長。焼いたあと中央の 100%×28% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの36%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 左右に星を並べた太字見出しの装飾。字は[焼く文字]の文言だけ 2. [焼く文字] 文字は正確に「英語で考える力を育む」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 276×52px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 5.30:1の横長。焼いたあと中央の 100%×28% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの36%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 左右に星を並べた太字見出しの装飾。字は[焼く文字]の文言だけ 2. [焼く文字] 文字は正確に「英語で考える力を育む」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure magenta RGB(255,0,255). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure magenta RGB(255,0,255) or any similar hue anywhere inside the subject itself. The subject itself contains an opaque panel/card/button shape of colour #09746d; draw that shape solid and fully opaque (no transparency, no pure magenta RGB(255,0,255) inside it) with its text on it — only the area outside the subject is the flat pure magenta RGB(255,0,255) background.
8/61/9/1/3/1/1・箱 276×52 px・組めた・門: cand_1.html PASS・cand_2.html PASSあなたは Web 制作者。次の条件で、箱の中だけで完結する HTML 断片を 1 つ書く。 【箱】幅 276px × 高さ 52px。最外の要素は width:276px;height:52px;box-sizing:border-box;overflow:hidden を持ち、内側の要素は全てこの箱の中に収める(はみ出し禁止・スクロール禁止)。文字は箱の中で全部読める大きさ(最小 10px)で、折り返し・省略(ellipsis)で欠けないこと。文字が箱の丈に収まらないときは、収まるまで字を小さくする(最小 10px)。行を省かない・文言を削らない・箱を広げない。文字を他の面・図形・円で隠さない=文字は自分の箱(overflow:hidden の要素)の中に丸ごと収め、面の縁や別の要素と重ねない。 【形】文字。左右に星を並べた太字見出しの装飾。 【トンマナ】パステルピンク・丸角。角丸の基本は 18px。使ってよい色は次の 4 つの hex『だけ』(他の色を作らない・白・黒・グレー・rgb()・rgba()・透明度つきの色も作らない): 板(面・地): #fffafc 字: #5a3a45 強調(面の差し色・アイコン・矢印): #f2a3bd 罫線: #f0d6de 役割は固定: 最外の要素の background は板 #fffafc(画像・グラデ・透明にしない)。字 #5a3a45 は文字の color だけに使う=面・地・帯・箱・丸の background に塗らない。文字は全部 字 #5a3a45(見出しも本文も番号も)。強調 #f2a3bd は面と印(帯・丸・アイコン・矢印)だけ=文字の色にしない(強調の面に文字を載せるときも文字は #5a3a45)。罫線 #f0d6de は罫(border・線・区切り)だけ。 書体は font-family: 游ゴシック, 'Yu Gothic', 游ゴシック体, YuGothic, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', メイリオ, Meiryo, sans-serif を最外の要素に書く。 【文字】次の文言『だけ』を、一字一句そのまま使う(順番は構図に合わせて並べ替えてよい・省いてはいけない・足してはいけない)。数字・単位・記号もこの一覧に無いものは書かない。この一覧の番号(1. 2. …)は文言ではない=書かない。渡した文言以外の文字・記号・ラベル・見出し・注記・装飾の文字(英字の飾り・番号の丸の中の数字も含む)を書かない。数字は渡した文言に在るものだけ。 1. 英語で考える力を育む 【参照画像】同じ用途の板を 1 枚渡す。借りるのは構図だけ=表の行列・要素の並ぶ順・大きさの比・強調の位置・余白の取り方。参照の色・書体・写真・ロゴ・文字・数字は写さない。参照に見える数値や固有名は絵にも文字にも出さない。 【禁止】外部資産(<link>・<script>・<img src=http…>・url(http…)・Web フォント)。<style> ブロックは使わず inline style だけ。<html>/<body> は書かない。JavaScript を書かない。id 属性を付けない。SVG は inline で書いてよい(アイコン・罫・矢印など)。 【出力】HTML 断片だけを ```html フェンスで 1 つ返す。説明文は書かない。
<div style="width:276px;height:52px;box-sizing:border-box;overflow:hidden;background:#fffafc;border:1px solid #f0d6de;border-radius:18px;font-family:游ゴシック,'Yu Gothic',游ゴシック体,YuGothic,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro',メイリオ,Meiryo,sans-serif;display:flex;align-items:center;justify-content:center;padding:8px;"> <div style="width:258px;height:34px;box-sizing:border-box;border:1px solid #f0d6de
パーツ: 文字の穴(HTML)1・絵に焼く字 1・読めていない絵 0・画像の枠 1・DOM 板 1・CSS 1
| 役割 | 出典の文面(要約) | 書いた文言(=紙面の文言) | 発注の狙い |
|---|---|---|---|
| 遊びを通じた学習の小見出し | 遊びながら学ぶ! | 遊びから学ぶ | 字数 5〜65・切らない |
| 役割 | 出典の絵の字 | 書いた文言 |
|---|---|---|
| 遊び学習を表す概念図 | 概念・ことばで・・ことばの意味で・考える・憶える・語彙力や正しい・言葉づかい、言・葉のコミュニケー・ション能力が高・まります。・記号・おとで・・いろで・かずで・考える・憶える・数量感や数列、・比較、色や数での・分類の能力が高・まります。・図形・かたちで・・空間で・考える・憶える・位置や方向、大き・さなど、ものの形・で考えたり、憶え・たりする能力が・身につきます。 | 英語 / 英語で話す / 聞いてまねっこ / 友だちと伝える / ゲームで答える / 英単語にふれる / 気持ちまで伝える / 英語で考えよう / 自然に使う / 探究 / 創作活動 / 自由に形づくる / 色とかたち表現 / 手を動かし学ぶ / 発想を形に変える / 作品を見せ合う / 楽しく表現 / 科学 / なぜを探す / 発表力 / 気づきを伝える / 考えを言葉にする / 聞く姿勢を育てる / 遊びが学びになる / 好きから選ぼう / 自分から広げる |
8/61/9/1/9/1・箱 348×309 px・板・fit=cover・参照あり(fd2a47b6cc14__textmasked.png)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。この枠には白い文字が重なるので、地は濃く沈める(明度を上げない)。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 348×309px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1.13:1の横長。焼いたあと中央の 100%×89% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの6%は紙の色 #fffafc だけで平らに塗った余白帯にし(絵の地の色や模様で塗らない)、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 紫・青緑・橙の縦パネルに子どもの作業写真を配置(遊びながら学ぶ概念図)。中身の文字は[焼く文字]のとおり。写真・人物・静物にしない 2. [表] 文字は正確に(改行も)「英語 英語で話す 聞いてまねっこ 友だちと伝える ゲームで答える 英単語にふれる 気持ちまで伝える 英語で考えよう 自然に使う 探究 創作活動 自由に形づくる 色とかたち表現 手を動かし学ぶ 発想を形に変える 作品を見せ合う 楽しく表現 科学 なぜを探す 発表力 気づきを伝える 考えを言葉にする 聞く姿勢を育てる 遊びが学びになる 好きから選ぼう 自分から広げる」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
8/61/9/1/9/1・箱 348×309 px・組めた・門: cand_1.html PASS・cand_2.html PASSあなたは Web 制作者。次の条件で、箱の中だけで完結する HTML 断片を 1 つ書く。 【箱】幅 348px × 高さ 309px。最外の要素は width:348px;height:309px;box-sizing:border-box;overflow:hidden を持ち、内側の要素は全てこの箱の中に収める(はみ出し禁止・スクロール禁止)。文字は箱の中で全部読める大きさ(最小 10px)で、折り返し・省略(ellipsis)で欠けないこと。文字が箱の丈に収まらないときは、収まるまで字を小さくする(最小 10px)。行を省かない・文言を削らない・箱を広げない。文字を他の面・図形・円で隠さない=文字は自分の箱(overflow:hidden の要素)の中に丸ごと収め、面の縁や別の要素と重ねない。 【形】図表。紫・青緑・橙の縦パネルに子どもの作業写真を配置。 【トンマナ】パステルピンク・丸角。角丸の基本は 18px。使ってよい色は次の 4 つの hex『だけ』(他の色を作らない・白・黒・グレー・rgb()・rgba()・透明度つきの色も作らない): 板(面・地): #fffafc 字: #5a3a45 強調(面の差し色・アイコン・矢印): #f2a3bd 罫線: #f0d6de 役割は固定: 最外の要素の background は板 #fffafc(画像・グラデ・透明にしない)。字 #5a3a45 は文字の color だけに使う=面・地・帯・箱・丸の background に塗らない。文字は全部 字 #5a3a45(見出しも本文も番号も)。強調 #f2a3bd は面と印(帯・丸・アイコン・矢印)だけ=文字の色にしない(強調の面に文字を載せるときも文字は #5a3a45)。罫線 #f0d6de は罫(border・線・区切り)だけ。 書体は font-family: 游ゴシック, 'Yu Gothic', 游ゴシック体, YuGothic, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', メイリオ, Meiryo, sans-serif を最外の要素に書く。 【文字】次の文言『だけ』を、一字一句そのまま使う(順番は構図に合わせて並べ替えてよい・省いてはいけない・足してはいけない)。数字・単位・記号もこの一覧に無いものは書かない。この一覧の番号(1. 2. …)は文言ではない=書かない。渡した文言以外の文字・記号・ラベル・見出し・注記・装飾の文字(英字の飾り・番号の丸の中の数字も含む)を書かない。数字は渡した文言に在るものだけ。 1. 英語 2. 英語で話す 3. 聞いてまねっこ 4. 友だちと伝える 5. ゲームで答える 6. 英単語にふれる 7. 気持ちまで伝える 8. 英語で考えよう 9. 自然に使う 10. 探究 11. 創作活動 12. 自由に形づくる 13. 色とかたち表現 14. 手を動かし学ぶ 15. 発想を形に変える 16. 作品を見せ合う 17. 楽しく表現 18. 科学 19. なぜを探す 20. 発表力 21. 気づきを伝える 22. 考えを言葉にする 23. 聞く姿勢を育てる 24. 遊びが学びになる 25. 好きから選ぼう 26. 自分から広げる 【参照画像】同じ用途の板を 1 枚渡す。借りるのは構図だけ=表の行列・要素の並ぶ順・大きさの比・強調の位置・余白の取り方。参照の色・書体・写真・ロゴ・文字・数字は写さない。参照に見える数値や固有名は絵にも文字にも出さない。 【禁止】外部資産(<link>・<script>・<img src=http…>・url(http…)・Web フォント)。<style> ブロックは使わず inline style だけ。<html>/<body> は書かない。JavaScript を書かない。id 属性を付けない。SVG は inline で書いてよい(アイコン・罫・矢印など)。 【出力】HTML 断片だけを ```html フェンスで 1 つ返す。説明文は書かない。
<div style="width:348px;height:309px;box-sizing:border-box;overflow:hidden;background:#fffafc;color:#5a3a45;font-family:游ゴシック,'Yu Gothic',游ゴシック体,YuGothic,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro',メイリオ,Meiryo,sans-serif;padding:8px;display:flex;gap:6px;">
<div style="height:293px;flex:1;box-sizing:border-box;overflow:hidden;border:1px solid #f0d6de;border-radius:18px;background:#fffafc;">
<div CSS で引いた枠 1: 罫(点線)(#f0d6de・348×3 px)
パーツ: 文字の穴(HTML)2・絵に焼く字 1・読めていない絵 0・画像の枠 1・DOM 板 1・CSS 1
| 役割 | 出典の文面(要約) | 書いた文言(=紙面の文言) | 発注の狙い |
|---|---|---|---|
| KDIでIQ向上を訴求する見出し | キッズデュオインターナショナルならIQもアップ! | ネスアフタースクールなら英語で過ごす時間も充実! | 字数 5〜65・切らない |
| KDI在籍によるIQ向上説明 | KDIに4年間在籍することでIQがアップ | 英語レッスンと探究活動を組み合わせて学ぶ | 字数 5〜65・切らない |
| 役割 | 出典の絵の字 | 書いた文言 |
|---|---|---|
| IQアップ効果を示す図解 | 150・100・50・IQのスコア・(平均)・100・一般・年中時・134.3・年長時・145.3・KidsDuo・International | (文言なし) |
8/61/9/1/11/5/1・箱 348×216 px・板・fit=cover・参照あり(56f248add283__textmasked.png)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 348×216px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1.61:1の横長。焼いたあと中央の 100%×93% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの4%は紙の色 #fffafc だけで平らに塗った余白帯にし(絵の地の色や模様で塗らない)、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 白地に灰色と緑の棒グラフ、吹き出しと上向き矢印。中身の文字は[焼く文字]のとおり。写真・人物・静物にしない 2. [表] 文字は正確に(改行も)「16 12 8 1週間に英語で過ごす時間 4 0 週1日プラン 4時間 週2日プラン 8時間 週4日プラン 16時間 1日14:30〜18:30の場合の目安」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
8/61/9/1/11/5/1・箱 348×216 px・組めた・門: cand_1.html PASS・cand_2.html FAILあなたは Web 制作者。次の条件で、箱の中だけで完結する HTML 断片を 1 つ書く。 【箱】幅 348px × 高さ 216px。最外の要素は width:348px;height:216px;box-sizing:border-box;overflow:hidden を持ち、内側の要素は全てこの箱の中に収める(はみ出し禁止・スクロール禁止)。文字は箱の中で全部読める大きさ(最小 10px)で、折り返し・省略(ellipsis)で欠けないこと。文字が箱の丈に収まらないときは、収まるまで字を小さくする(最小 10px)。行を省かない・文言を削らない・箱を広げない。文字を他の面・図形・円で隠さない=文字は自分の箱(overflow:hidden の要素)の中に丸ごと収め、面の縁や別の要素と重ねない。 【形】図表。白地に灰色と緑の棒グラフ、吹き出しと上向き矢印。 【トンマナ】パステルピンク・丸角。角丸の基本は 18px。使ってよい色は次の 4 つの hex『だけ』(他の色を作らない・白・黒・グレー・rgb()・rgba()・透明度つきの色も作らない): 板(面・地): #fffafc 字: #5a3a45 強調(面の差し色・アイコン・矢印): #f2a3bd 罫線: #f0d6de 役割は固定: 最外の要素の background は板 #fffafc(画像・グラデ・透明にしない)。字 #5a3a45 は文字の color だけに使う=面・地・帯・箱・丸の background に塗らない。文字は全部 字 #5a3a45(見出しも本文も番号も)。強調 #f2a3bd は面と印(帯・丸・アイコン・矢印)だけ=文字の色にしない(強調の面に文字を載せるときも文字は #5a3a45)。罫線 #f0d6de は罫(border・線・区切り)だけ。 書体は font-family: 游ゴシック, 'Yu Gothic', 游ゴシック体, YuGothic, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', メイリオ, Meiryo, sans-serif を最外の要素に書く。 【文字】次の文言『だけ』を、一字一句そのまま使う(順番は構図に合わせて並べ替えてよい・省いてはいけない・足してはいけない)。数字・単位・記号もこの一覧に無いものは書かない。この一覧の番号(1. 2. …)は文言ではない=書かない。渡した文言以外の文字・記号・ラベル・見出し・注記・装飾の文字(英字の飾り・番号の丸の中の数字も含む)を書かない。数字は渡した文言に在るものだけ。 1. 16 2. 12 3. 8 4. 1週間に英語で過ごす時間 5. 4 6. 0 7. 週1日プラン 8. 4時間 9. 週2日プラン 10. 8時間 11. 週4日プラン 12. 16時間 13. 1日14:30〜18:30の場合の目安 【参照画像】同じ用途の板を 1 枚渡す。借りるのは構図だけ=表の行列・要素の並ぶ順・大きさの比・強調の位置・余白の取り方。参照の色・書体・写真・ロゴ・文字・数字は写さない。参照に見える数値や固有名は絵にも文字にも出さない。 【禁止】外部資産(<link>・<script>・<img src=http…>・url(http…)・Web フォント)。<style> ブロックは使わず inline style だけ。<html>/<body> は書かない。JavaScript を書かない。id 属性を付けない。SVG は inline で書いてよい(アイコン・罫・矢印など)。 【出力】HTML 断片だけを ```html フェンスで 1 つ返す。説明文は書かない。
<div style="width:348px;height:216px;box-sizing:border-box;overflow:hidden;position:relative;background:#fffafc;color:#5a3a45;font-family:游ゴシック,'Yu Gothic',游ゴシック体,YuGothic,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro',メイリオ,Meiryo,sans-serif;border:1px solid #f0d6de;border-radius:18px;"> <div style="position:absolute;left:14px;top:9px;width:214px;height:16px;overflow:hidden;font-size:13px;line-height:1
CSS で引いた枠 1: 罫(点線)(#f0d6de・348×3 px)
パーツ: 文字の穴(HTML)1・絵に焼く字 1・読めていない絵 1・画像の枠 1・DOM 板 0・CSS 1
| 役割 | 出典の文面(要約) | 書いた文言(=紙面の文言) | 発注の狙い |
|---|---|---|---|
| 第三カリキュラムの名称 | 運動指導 | 英検対策 | 字数 5〜65・切らない |
| 役割 | 出典の絵の字 | 書いた文言 |
|---|---|---|
| カリキュラム03の表示札 | Concierlum 05 | (文言なし) |
読めていない絵 1 枠(alt が空・Vision で読むまで測っていない——発注書の申告のまま)。
8/61/13/1/1/1・箱 348×130 px・写真・fit=cover・参照なし【スタイルDNA: パステルピンク・丸角】写真は自然な色。人物の肌・服・背景の色は変えない。地・小物・光の空気だけを配色(#fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45)に寄せる。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 348×130px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 2.68:1の横長。焼いたあと中央の 100%×56% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの22%は紙の色 #fffafc だけで平らに塗った余白帯にし(絵の地の色や模様で塗らない)、そこには何も置かない。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 教室で講師と英語のカードゲームをしている小学生の手元。 この枠に文字は無い。文字・数字・単位・ロゴを一切描かない。 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
CSS で引いた枠 1: 地のベタ塗り(#a98b93・390×238 px)
パーツ: 文字の穴(HTML)7・絵に焼く字 1・読めていない絵 0・画像の枠 1・DOM 板 0・CSS 1
| 役割 | 出典の文面(要約) | 書いた文言(=紙面の文言) | 発注の狙い |
|---|---|---|---|
| 運動指導の科学的根拠訴求 | 科学に基づいた | 探究に基づく | 字数 3〜15・切る |
| 忍者あそびによる指導訴求 | 『忍者あそび』で | 英語活動の中で | 字数 3〜15・切る |
| 運動能力向上の見出し結語 | 運動能力を引き出す | 英語で考える力 | 字数 3〜15・切る |
| 九つの基本動作による能力開発説明 | あらゆるスポーツに応用できる9つの基本動作元に、お子さまの運動能力を伸ばし、隠れた才能を見つけます。 | 英語レッスンと探究型アクティビティを組み合わせ、自分で選ぶ学びを通じて、興味や目標に向かう力を育みます。 | 字数 5〜65・切らない |
| 基本動作を受ける目的格助詞 | を | を | 字数 5〜65・切らない |
| 遊びを用いた動作習得プログラム名 | 300種類の“遊び”から動作習得を目的としたプログラム | 選べる探究プログラム 親の最初の文字節点へ束ねられた(fold-lines・鍵 8/61/13/1/5/1/0) | 字数 6〜15・切る |
| 年齢別三十五段階指導の説明 | 年少から年長まで年齢別に分けられた35の段階別指導で、楽しみながら運動能力を向上。 | 英語力や興味に応じて、クラスや活動を選び、楽しみながら挑戦し、表現する力を伸ばします。 親の最初の文字節点へ束ねられた(fold-lines・鍵 8/61/13/1/5/7/0) | 字数 5〜65・切らない |
| 役割 | 出典の絵の字 | 書いた文言 |
|---|---|---|
| 九つの基本動作の図解 | 9つの基本動作・走・跳・投・打・捕・蹴・リズム・バランス・組 | 英語で探究活動 / 観 / 実 / 創 / 発 / 読 / 書 / 異文化 / 発表練習 / 話 |
8/61/13/1/5/5/1・箱 333×209 px・透過・fit=contain・参照あり(7b43ce042bf3__textmasked.png)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 333×209px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1.59:1の横長。焼いたあと中央の 100%×94% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの3%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] スポーツの基本動作を示す水色の人物シルエット群(九つの基本動作の図解)。中身の文字は[焼く文字]のとおり。写真・人物・静物にしない 2. [焼く文字] 文字は正確に(改行も)「英語で探究活動 観 実 創 発 読 書 異文化 発表練習 話」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 333×209px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1.59:1の横長。焼いたあと中央の 100%×94% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの3%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] スポーツの基本動作を示す水色の人物シルエット群(九つの基本動作の図解)。中身の文字は[焼く文字]のとおり。写真・人物・静物にしない 2. [焼く文字] 文字は正確に(改行も)「英語で探究活動 観 実 創 発 読 書 異文化 発表練習 話」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure magenta RGB(255,0,255). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure magenta RGB(255,0,255) or any similar hue anywhere inside the subject itself.
CSS で引いた枠 1: 罫(点線)(#f0d6de・348×3 px)
パーツ: 文字の穴(HTML)1・絵に焼く字 1・読めていない絵 1・画像の枠 1・DOM 板 0・CSS 1
| 役割 | 出典の文面(要約) | 書いた文言(=紙面の文言) | 発注の狙い |
|---|---|---|---|
| 4番目カリキュラムの項目名 | ライフスキル | 英語で生活 | 字数 5〜65・切らない |
| 役割 | 出典の絵の字 | 書いた文言 |
|---|---|---|
| 4番目カリキュラムの番号札 | Concilium 04 | (文言なし) |
読めていない絵 1 枠(alt が空・Vision で読むまで測っていない——発注書の申告のまま)。
8/61/17/1/1/1・箱 348×130 px・写真・fit=cover・参照あり(1d22846403e4.webp)【スタイルDNA: パステルピンク・丸角】写真は自然な色。人物の肌・服・背景の色は変えない。地・小物・光の空気だけを配色(#fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45)に寄せる。この枠には白い文字が重なるので、地は濃く沈める(明度を上げない)。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 348×130px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 2.68:1の横長。焼いたあと中央の 100%×56% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの22%は紙の色 #fffafc だけで平らに塗った余白帯にし(絵の地の色や模様で塗らない)、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。写真なので色は自然なままでよい(上の【スタイルDNA】の写真の句に従う)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] おやつの時間に、机に皿とコップが並んでいる手元。紙面での役目: ライフスキル節の子供写真。添える文言: 『英語で創作』。構図は出典の絵に倣う: 子どもが箸で容器の中のものをつかもうとしている写真 この枠に文字は無い。文字・数字・単位・ロゴを一切描かない。 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
CSS で引いた枠 1: 地のベタ塗り(#a98b93・390×238 px)
パーツ: 文字の穴(HTML)2・絵に焼く字 1・読めていない絵 0・画像の枠 1・DOM 板 1・CSS 0
| 役割 | 出典の文面(要約) | 書いた文言(=紙面の文言) | 発注の狙い |
|---|---|---|---|
| 自立心見出しの前半句(2穴を1本の文面で書く・先頭の穴へ全文が入る) | 集団の中で / 自然に芽生える自立心 | 英語環境で自ら選ぶ自立心 | 字数 3〜30・切る |
| 自立心を育む教育方針説明 | さまざまな経験を通じてお子さまの自立心を育みます。「自分力」を養うことで、社会の中で輝く場所を自ら作り出せる人材を育成します。 | 英語で過ごす時間の中で、選ぶ・伝える・やってみる経験を重ね、自分で考えて動く姿勢を育てます。仲間との関わりから、社会で活きる力へ。 | 字数 5〜65・切らない |
| 役割 | 出典の絵の字 | 書いた文言 |
|---|---|---|
| 生活から社会までのルール図解 | RULE01・日常生活のルール・RULE02・対人関係のルール・RULE03・集団生活のルール・RULE04・社会のルール | 英語で挨拶 / 友だち同士で会話 / 自分で決める / 活動ルールを守る / 気持ちを話す / 社会につながる力 / 違いに気づく / 自ら行動する |
8/61/17/1/3/5/1・箱 348×162 px・透過・fit=contain・参照あり(aead59ef89e9__textmasked.png)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 348×162px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 2.15:1の横長。焼いたあと中央の 100%×70% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの15%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [単色の図] 青緑の横長角丸帯が縦に並ぶ分類リスト風の図(生活から社会へのルール図解)。中身の文字は[焼く文字]のとおり。写真・人物・静物にしない 単色(1色 #fffafc)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 2. [表] 文字は正確に(改行も)「英語で挨拶 友だち同士で会話 自分で決める 活動ルールを守る 気持ちを話す 社会につながる力 違いに気づく 自ら行動する」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 348×162px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 2.15:1の横長。焼いたあと中央の 100%×70% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの15%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [単色の図] 青緑の横長角丸帯が縦に並ぶ分類リスト風の図(生活から社会へのルール図解)。中身の文字は[焼く文字]のとおり。写真・人物・静物にしない 単色(1色 #fffafc)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 2. [表] 文字は正確に(改行も)「英語で挨拶 友だち同士で会話 自分で決める 活動ルールを守る 気持ちを話す 社会につながる力 違いに気づく 自ら行動する」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure green RGB(0,255,0). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure green RGB(0,255,0) or any similar hue anywhere inside the subject itself.
8/61/17/1/3/5/1・箱 348×162 px・組めた・門: cand_1.html PASS・cand_2.html PASSあなたは Web 制作者。次の条件で、箱の中だけで完結する HTML 断片を 1 つ書く。 【箱】幅 348px × 高さ 162px。最外の要素は width:348px;height:162px;box-sizing:border-box;overflow:hidden を持ち、内側の要素は全てこの箱の中に収める(はみ出し禁止・スクロール禁止)。文字は箱の中で全部読める大きさ(最小 10px)で、折り返し・省略(ellipsis)で欠けないこと。文字が箱の丈に収まらないときは、収まるまで字を小さくする(最小 10px)。行を省かない・文言を削らない・箱を広げない。文字を他の面・図形・円で隠さない=文字は自分の箱(overflow:hidden の要素)の中に丸ごと収め、面の縁や別の要素と重ねない。 【形】図表。青緑の横長角丸帯が縦に並ぶ分類リスト風の図。 【トンマナ】パステルピンク・丸角。角丸の基本は 18px。使ってよい色は次の 4 つの hex『だけ』(他の色を作らない・白・黒・グレー・rgb()・rgba()・透明度つきの色も作らない): 板(面・地): #fffafc 字: #5a3a45 強調(面の差し色・アイコン・矢印): #f2a3bd 罫線: #f0d6de 役割は固定: 最外の要素の background は板 #fffafc(画像・グラデ・透明にしない)。字 #5a3a45 は文字の color だけに使う=面・地・帯・箱・丸の background に塗らない。文字は全部 字 #5a3a45(見出しも本文も番号も)。強調 #f2a3bd は面と印(帯・丸・アイコン・矢印)だけ=文字の色にしない(強調の面に文字を載せるときも文字は #5a3a45)。罫線 #f0d6de は罫(border・線・区切り)だけ。 書体は font-family: 游ゴシック, 'Yu Gothic', 游ゴシック体, YuGothic, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', メイリオ, Meiryo, sans-serif を最外の要素に書く。 【文字】次の文言『だけ』を、一字一句そのまま使う(順番は構図に合わせて並べ替えてよい・省いてはいけない・足してはいけない)。数字・単位・記号もこの一覧に無いものは書かない。この一覧の番号(1. 2. …)は文言ではない=書かない。渡した文言以外の文字・記号・ラベル・見出し・注記・装飾の文字(英字の飾り・番号の丸の中の数字も含む)を書かない。数字は渡した文言に在るものだけ。 1. 英語で挨拶 2. 友だち同士で会話 3. 自分で決める 4. 活動ルールを守る 5. 気持ちを話す 6. 社会につながる力 7. 違いに気づく 8. 自ら行動する 【参照画像】同じ用途の板を 1 枚渡す。借りるのは構図だけ=表の行列・要素の並ぶ順・大きさの比・強調の位置・余白の取り方。参照の色・書体・写真・ロゴ・文字・数字は写さない。参照に見える数値や固有名は絵にも文字にも出さない。 【禁止】外部資産(<link>・<script>・<img src=http…>・url(http…)・Web フォント)。<style> ブロックは使わず inline style だけ。<html>/<body> は書かない。JavaScript を書かない。id 属性を付けない。SVG は inline で書いてよい(アイコン・罫・矢印など)。 【出力】HTML 断片だけを ```html フェンスで 1 つ返す。説明文は書かない。
<div style="width:348px;height:162px;box-sizing:border-box;overflow:hidden;background:#fffafc;font-family:游ゴシック,'Yu Gothic',游ゴシック体,YuGothic,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro',メイリオ,Meiryo,sans-serif;padding:5px 6px;"> <div style="width:336px;height:34px;box-sizing:border-box;overflow:hidden;background:#f2a3bd;border:1px solid #f0d6de;border-radius:18px;margin:0 0 5px 0;display:flex;align-ite
パーツ: 文字の穴(HTML)7・絵に焼く字 5・読めていない絵 0・画像の枠 5・DOM 板 1・CSS 2
| 役割 | 出典の文面(要約) | 書いた文言(=紙面の文言) | 発注の狙い |
|---|---|---|---|
| 年齢別教育目標の見出し | 年齢に合わせた教育目標 | 年齢に応じた英語の学び | 字数 3〜15・切る |
| 学年別に自立を促す指導説明 | 年少から年長まで、それぞれの学年にあわせて段階的な自立を促すことを目的に指導を行います。 | 年齢や英語力に応じてクラスを分け、基礎レッスンと活動の中で少しずつ自分で選ぶ力を育てます。 | 字数 5〜65・切らない |
| 自立生活スキルの具体例 | 挨拶、トイレ、片付け、箸の持ち方、タイムマネジメント、譲り合い、役割分担、協力など | あいさつ、片付け、時間を意識すること、順番を待つこと、友だちとの英語でのやり取り、協力する姿勢など | 字数 5〜65・切らない |
| 豊富な課外授業の見出し | 子どもたちの宝石の原石をさらに磨き、輝かせるための豊富な課外授業 | 興味を広げる多彩な活動 親の最初の文字節点へ束ねられた(fold-lines・鍵 8/61/17/1/11/1/0) | 字数 6〜15・切る |
| 希望制課外授業の内容説明 | 英検対策や小学校受験指導、STEM 教育を幼児期から体験できるプログラミング教育「HALLO」やそろばん式暗算の「そろタッチ」など、ご希望にあわせて受講いただけます。※園によってご提供する課外授業が異なります。 | 基礎となる英語レッスンに加え、プログラミング、アート&クラフト、サイエンス、英検対策などを用意。お子さまの興味や目標に合わせて、探究型アクティビティを自分で選びながら学べます。校舎により内容や開講日が異なります。 | 字数 5〜65・切らない |
| 小学校受験指導の方針説明 | 小学校受験は、「ご家庭の受験」とも言われます。小学校側は、お子さま自身の資質はもちろん、ご家庭の教育方針や子育て・躾への取り組み、関心などを確認してきます。KDI では、これまでの指導経験と合格実績に基づき、ご家庭との連携を密に… | 英検対策では、お子さまの英語力や目標に合わせ、基礎の英語レッスンと読み書き・リスニングの学びを組み合わせます。教科書先取り暗唱で学校の授業対策と英検に向けた土台づくりを行い、体験時にはレベルチェックやシステム説明も受けられます。通学頻度や費用もご家庭で確認しながら進められます。 | 字数 5〜65・切らない |
| 教材を使うプログラミング学習説明 | 実用レベルで活かせる思考力を養います。教材「Playgram」は、ゲームで遊んでいるような感覚で冒険を進め、気付いたら実用レベルのコーディングまで身につけることができます。 | プログラミングでは、OzobotやWeDo、LEGOなどを使い、英語で考えながら課題に取り組みます。遊びの要素を通じて、論理的思考力や問題解決能力を伸ばします。 親の最初の文字節点へ束ねられた(fold-lines・鍵 8/61/17/1/13/3/3/0) | 字数 5〜65・切らない |
| 役割 | 出典の絵の字 | 書いた文言 |
|---|---|---|
| ライフスキル例の図解 | WAKA | 生活習慣 |
| 園児の生活場面写真 | ライフ・スキル例 | (文言なし) |
| 課外授業の授業風景写真 | 7 × 9 = 63・seven nine・sixty three | (文言なし) |
| 小学校受験指導の課外授業画像 | Excursion 01・小学校受験指導 | Eiken Lesson / 英検対策タイム |
| プログラミング教育の課外授業画像 | Excursion 02・プログラミング教育 | Programming / プログラミング学習 |
8/61/17/1/11/5/1・箱 348×104 px・写真・fit=cover・参照なし【スタイルDNA: パステルピンク・丸角】写真は自然な色。人物の肌・服・背景の色は変えない。地・小物・光の空気だけを配色(#fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45)に寄せる。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 348×104px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 3.35:1の横長。焼いたあと中央の 100%×45% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの28%は紙の色 #fffafc だけで平らに塗った余白帯にし(絵の地の色や模様で塗らない)、そこには何も置かない。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 教室で教師が画面を示し、児童が端末を見ている授業風景(課外授業の授業風景写真)。中身の文字は[焼く文字]のとおり。写真・人物・静物にしない 2. [焼く文字] 文字は正確に(改行も)「英語で考える時間です 英語で伝える時間です 英語探究アクティビティ」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
8/61/17/1/13/1/1/1・箱 348×124 px・写真・fit=cover・参照あり(336a3e35965e__textmasked.png)【スタイルDNA: パステルピンク・丸角】写真は自然な色。人物の肌・服・背景の色は変えない。地・小物・光の空気だけを配色(#fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45)に寄せる。この枠には白い文字が重なるので、地は濃く沈める(明度を上げない)。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 348×124px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 2.82:1の横長。焼いたあと中央の 100%×53% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの23%は紙の色 #fffafc だけで平らに塗った余白帯にし(絵の地の色や模様で塗らない)、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。写真なので色は自然なままでよい(上の【スタイルDNA】の写真の句に従う)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 文字と数字で組んだ図表(表・グラフ・札の並び)(小学校受験指導の紹介画像)。中身の文字は[焼く文字]のとおり。写真・人物・静物にしない 2. [焼く文字] 文字は正確に(改行も)「Eiken Lesson 英検対策タイム」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
8/61/17/1/13/3/1/1・箱 348×124 px・写真・fit=cover・参照あり(997b1c4a93ea__textmasked.png)【スタイルDNA: パステルピンク・丸角】写真は自然な色。人物の肌・服・背景の色は変えない。地・小物・光の空気だけを配色(#fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45)に寄せる。この枠には白い文字が重なるので、地は濃く沈める(明度を上げない)。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 348×124px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 2.82:1の横長。焼いたあと中央の 100%×53% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの23%は紙の色 #fffafc だけで平らに塗った余白帯にし(絵の地の色や模様で塗らない)、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。写真なので色は自然なままでよい(上の【スタイルDNA】の写真の句に従う)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 文字と数字で組んだ図表(表・グラフ・札の並び)(プログラミング教育の紹介画像)。中身の文字は[焼く文字]のとおり。写真・人物・静物にしない 2. [焼く文字] 文字は正確に(改行も)「Programming プログラミング学習」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
8/61/17/1/9/1/1・箱 348×104 px・写真・fit=cover・参照なし【スタイルDNA: パステルピンク・丸角】写真は自然な色。人物の肌・服・背景の色は変えない。地・小物・光の空気だけを配色(#fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45)に寄せる。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 348×104px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 3.35:1の横長。焼いたあと中央の 100%×45% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの28%は紙の色 #fffafc だけで平らに塗った余白帯にし(絵の地の色や模様で塗らない)、そこには何も置かない。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 私服の小学生が教室の入口で並んでいる後ろ姿。紙面での役目: ライフスキル例の図解画像。添える文言: 『生活力例』。 2. [焼く文字] 文字は正確に「生活習慣」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
8/61/17/1/9/5/1/1・箱 109×71 px・透過・fit=contain・参照あり(795f7a6290fd__textmasked.png)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。この枠には白い文字が重なるので、地は濃く沈める(明度を上げない)。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 109×71px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1.53:1の横長。焼いたあと中央の 100%×98% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの1%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [単色の図] 茶色の丸い吹き出し形に白い書き込み。字は[焼く文字]の文言だけ 単色(1色 #fffafc)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 2. [焼く文字] 文字は正確に(改行も)「英語で やりとり」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。この枠には白い文字が重なるので、地は濃く沈める(明度を上げない)。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 109×71px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1.53:1の横長。焼いたあと中央の 100%×98% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの1%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [単色の図] 茶色の丸い吹き出し形に白い書き込み。字は[焼く文字]の文言だけ 単色(1色 #fffafc)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 2. [焼く文字] 文字は正確に(改行も)「英語で やりとり」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure green RGB(0,255,0). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure green RGB(0,255,0) or any similar hue anywhere inside the subject itself. The subject itself contains an opaque panel/card/button shape of colour #b99277; draw that shape solid and fully opaque (no transparency, no pure green RGB(0,255,0) inside it) with its text on it — only the area outside the subject is the flat pure green RGB(0,255,0) background.
8/61/17/1/9/5/1/1・箱 109×71 px・組めた・門: cand_1.html PASS・cand_2.html PASSあなたは Web 制作者。次の条件で、箱の中だけで完結する HTML 断片を 1 つ書く。 【箱】幅 109px × 高さ 71px。最外の要素は width:109px;height:71px;box-sizing:border-box;overflow:hidden を持ち、内側の要素は全てこの箱の中に収める(はみ出し禁止・スクロール禁止)。文字は箱の中で全部読める大きさ(最小 10px)で、折り返し・省略(ellipsis)で欠けないこと。文字が箱の丈に収まらないときは、収まるまで字を小さくする(最小 10px)。行を省かない・文言を削らない・箱を広げない。文字を他の面・図形・円で隠さない=文字は自分の箱(overflow:hidden の要素)の中に丸ごと収め、面の縁や別の要素と重ねない。 【形】文字。茶色の丸い吹き出し形に白い書き込み。 【トンマナ】パステルピンク・丸角。角丸の基本は 18px。使ってよい色は次の 4 つの hex『だけ』(他の色を作らない・白・黒・グレー・rgb()・rgba()・透明度つきの色も作らない): 板(面・地): #fffafc 字: #5a3a45 強調(面の差し色・アイコン・矢印): #f2a3bd 罫線: #f0d6de 役割は固定: 最外の要素の background は板 #fffafc(画像・グラデ・透明にしない)。字 #5a3a45 は文字の color だけに使う=面・地・帯・箱・丸の background に塗らない。文字は全部 字 #5a3a45(見出しも本文も番号も)。強調 #f2a3bd は面と印(帯・丸・アイコン・矢印)だけ=文字の色にしない(強調の面に文字を載せるときも文字は #5a3a45)。罫線 #f0d6de は罫(border・線・区切り)だけ。 書体は font-family: 游ゴシック, 'Yu Gothic', 游ゴシック体, YuGothic, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', メイリオ, Meiryo, sans-serif を最外の要素に書く。 【文字】次の文言『だけ』を、一字一句そのまま使う(順番は構図に合わせて並べ替えてよい・省いてはいけない・足してはいけない)。数字・単位・記号もこの一覧に無いものは書かない。この一覧の番号(1. 2. …)は文言ではない=書かない。渡した文言以外の文字・記号・ラベル・見出し・注記・装飾の文字(英字の飾り・番号の丸の中の数字も含む)を書かない。数字は渡した文言に在るものだけ。 1. 英語で 2. やりとり 【参照画像】同じ用途の板を 1 枚渡す。借りるのは構図だけ=表の行列・要素の並ぶ順・大きさの比・強調の位置・余白の取り方。参照の色・書体・写真・ロゴ・文字・数字は写さない。参照に見える数値や固有名は絵にも文字にも出さない。 【禁止】外部資産(<link>・<script>・<img src=http…>・url(http…)・Web フォント)。<style> ブロックは使わず inline style だけ。<html>/<body> は書かない。JavaScript を書かない。id 属性を付けない。SVG は inline で書いてよい(アイコン・罫・矢印など)。 【出力】HTML 断片だけを ```html フェンスで 1 つ返す。説明文は書かない。
<div style="width:109px;height:71px;box-sizing:border-box;overflow:hidden;background:#fffafc;font-family:游ゴシック,'Yu Gothic',游ゴシック体,YuGothic,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro',メイリオ,Meiryo,sans-serif;position:relative;border-radius:18px;"> <div style="position:absolute;left:48px;top:48px;width:15px;height:15px;box-sizing:border-box;background:#f2a3bd;border-right:2px solid #f0d6de;border-botto
CSS で引いた枠 2: 罫(点線)(#f0d6de・348×3 px)・罫(点線)(#f0d6de・348×3 px)
パーツ: 文字の穴(HTML)0・絵に焼く字 3・読めていない絵 1・画像の枠 4・DOM 板 2・CSS 0
| 役割 | 出典の絵の字 | 書いた文言 |
|---|---|---|
| 入園時の安心材料一覧 | 英語未経験多数!・転園でも安心!・広域バス送迎!・KidsDuo・International・3839 | 英語レベルを確認 / 日本語サポート / 教室カメラ完備 / 日々の活動連絡 / 入園前に確認できる安心材料 / 4歳から |
| 教育カリキュラム訴求見出し | 独自のカリキュラムで・「自分力」を育む | 探究型英語プログラム / 活動を選び学ぶ |
| 説明会予約ボタンの文言 | Apply for information session・最寄りの園で 説明会予約 | まずは無料体験・見学で英語レベルと教室の雰囲気を確認する / 体験後にシステム説明 |
読めていない絵 1 枠(alt が空・Vision で読むまで測っていない——発注書の申告のまま)。
8/65/1/1・箱 390×150 px・透過・fit=contain・参照なし【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 390×150px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 2.60:1の横長。焼いたあと中央の 100%×58% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの21%は地の色だけの余白帯にし、そこには何も置かない。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 文字と数字で組んだ図表(表・グラフ・札の並び)。中身の文字は[焼く文字]のとおり。写真・人物・静物にしない 2. [焼く文字] 文字は正確に(改行も)「英語レベルを確認 日本語サポート 教室カメラ完備 日々の活動連絡 入園前に確認できる安心材料 4歳から」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 390×150px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 2.60:1の横長。焼いたあと中央の 100%×58% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの21%は地の色だけの余白帯にし、そこには何も置かない。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 文字と数字で組んだ図表(表・グラフ・札の並び)。中身の文字は[焼く文字]のとおり。写真・人物・静物にしない 2. [焼く文字] 文字は正確に(改行も)「英語レベルを確認 日本語サポート 教室カメラ完備 日々の活動連絡 入園前に確認できる安心材料 4歳から」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure red RGB(255,0,0). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure red RGB(255,0,0) or any similar hue anywhere inside the subject itself. The subject itself contains an opaque panel/card/button shape of colour #b6e4e5; draw that shape solid and fully opaque (no transparency, no pure red RGB(255,0,0) inside it) with its text on it — only the area outside the subject is the flat pure red RGB(255,0,0) background.
8/65/3・箱 390×235 px・写真・fit=cover・参照あり(e491185ccecd.webp)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。この枠には白い文字が重なるので、地は濃く沈める(明度を上げない)。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 390×235px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1.66:1の横長。焼いたあと中央の 100%×91% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの5%は紙の色 #fffafc だけで平らに塗った余白帯にし(絵の地の色や模様で塗らない)、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [地の模様] 青緑の背景に金銀の星飾り、下部にチェック柄の帯(終盤CTA周辺の背景装飾) この枠に文字は無い。文字・数字・単位・ロゴを一切描かない。 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
8/65/3/1/1・箱 218×59 px・透過・fit=contain・参照あり(a8bd1d828d46__textmasked.png)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 218×59px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 3.71:1の横長。焼いたあと中央の 100%×40% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの30%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 青緑の角丸ラベル上に白い和文を二段で配置。板の役割: 独自カリキュラムの育成訴求。字は[焼く文字]の文言だけ 2. [焼く文字] 文字は正確に(改行も)「探究型英語プログラム 活動を選び学ぶ」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 218×59px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 3.71:1の横長。焼いたあと中央の 100%×40% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの30%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 青緑の角丸ラベル上に白い和文を二段で配置。板の役割: 独自カリキュラムの育成訴求。字は[焼く文字]の文言だけ 2. [焼く文字] 文字は正確に(改行も)「探究型英語プログラム 活動を選び学ぶ」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure red RGB(255,0,0). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure red RGB(255,0,0) or any similar hue anywhere inside the subject itself. The subject itself contains an opaque panel/card/button shape of colour #fdfefe; draw that shape solid and fully opaque (no transparency, no pure red RGB(255,0,0) inside it) with its text on it — only the area outside the subject is the flat pure red RGB(255,0,0) background.
8/65/3/3/1/0・箱 358×108 px・透過・fit=contain・参照あり(ab29061ad0e4__textmasked.png)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 358×108px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 3.31:1の横長。焼いたあと中央の 100%×45% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの27%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] オレンジの角丸ボタンに白い案内文と右向き矢印。板の役割: 説明会予約への誘導ボタン。字は[焼く文字]の文言だけ 2. [焼く文字] 文字は正確に(改行も)「まずは無料体験・見学で英語レベルと教室の雰囲気を確認する 体験後にシステム説明」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 358×108px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 3.31:1の横長。焼いたあと中央の 100%×45% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの27%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] オレンジの角丸ボタンに白い案内文と右向き矢印。板の役割: 説明会予約への誘導ボタン。字は[焼く文字]の文言だけ 2. [焼く文字] 文字は正確に(改行も)「まずは無料体験・見学で英語レベルと教室の雰囲気を確認する 体験後にシステム説明」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure green RGB(0,255,0). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure green RGB(0,255,0) or any similar hue anywhere inside the subject itself. The subject itself contains an opaque panel/card/button shape of colour #ff9c00; draw that shape solid and fully opaque (no transparency, no pure green RGB(0,255,0) inside it) with its text on it — only the area outside the subject is the flat pure green RGB(0,255,0) background.
8/65/3/1/1・箱 218×59 px・組めた・門: cand_1.html PASS・cand_2.html PASSあなたは Web 制作者。次の条件で、箱の中だけで完結する HTML 断片を 1 つ書く。 【箱】幅 218px × 高さ 59px。最外の要素は width:218px;height:59px;box-sizing:border-box;overflow:hidden を持ち、内側の要素は全てこの箱の中に収める(はみ出し禁止・スクロール禁止)。文字は箱の中で全部読める大きさ(最小 10px)で、折り返し・省略(ellipsis)で欠けないこと。文字が箱の丈に収まらないときは、収まるまで字を小さくする(最小 10px)。行を省かない・文言を削らない・箱を広げない。文字を他の面・図形・円で隠さない=文字は自分の箱(overflow:hidden の要素)の中に丸ごと収め、面の縁や別の要素と重ねない。 【形】文字。青緑の角丸ラベル上に白い和文を二段で配置。 【トンマナ】パステルピンク・丸角。角丸の基本は 18px。使ってよい色は次の 4 つの hex『だけ』(他の色を作らない・白・黒・グレー・rgb()・rgba()・透明度つきの色も作らない): 板(面・地): #fffafc 字: #5a3a45 強調(面の差し色・アイコン・矢印): #f2a3bd 罫線: #f0d6de 役割は固定: 最外の要素の background は板 #fffafc(画像・グラデ・透明にしない)。字 #5a3a45 は文字の color だけに使う=面・地・帯・箱・丸の background に塗らない。文字は全部 字 #5a3a45(見出しも本文も番号も)。強調 #f2a3bd は面と印(帯・丸・アイコン・矢印)だけ=文字の色にしない(強調の面に文字を載せるときも文字は #5a3a45)。罫線 #f0d6de は罫(border・線・区切り)だけ。 書体は font-family: 游ゴシック, 'Yu Gothic', 游ゴシック体, YuGothic, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', メイリオ, Meiryo, sans-serif を最外の要素に書く。 【文字】次の文言『だけ』を、一字一句そのまま使う(順番は構図に合わせて並べ替えてよい・省いてはいけない・足してはいけない)。数字・単位・記号もこの一覧に無いものは書かない。この一覧の番号(1. 2. …)は文言ではない=書かない。渡した文言以外の文字・記号・ラベル・見出し・注記・装飾の文字(英字の飾り・番号の丸の中の数字も含む)を書かない。数字は渡した文言に在るものだけ。 1. 探究型英語プログラム 2. 活動を選び学ぶ 【参照画像】同じ用途の板を 1 枚渡す。借りるのは構図だけ=表の行列・要素の並ぶ順・大きさの比・強調の位置・余白の取り方。参照の色・書体・写真・ロゴ・文字・数字は写さない。参照に見える数値や固有名は絵にも文字にも出さない。 【禁止】外部資産(<link>・<script>・<img src=http…>・url(http…)・Web フォント)。<style> ブロックは使わず inline style だけ。<html>/<body> は書かない。JavaScript を書かない。id 属性を付けない。SVG は inline で書いてよい(アイコン・罫・矢印など)。 【出力】HTML 断片だけを ```html フェンスで 1 つ返す。説明文は書かない。
<div style="width:218px;height:59px;box-sizing:border-box;overflow:hidden;background:#fffafc;font-family:游ゴシック,'Yu Gothic',游ゴシック体,YuGothic,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro',メイリオ,Meiryo,sans-serif;display:flex;align-items:center;justify-content:center;padding:6px;"> <div style="width:204px;height:47px;box-sizing:border-box;overflow:hidden;background:#f2a3bd;border:1px solid #f0d6de;border-r
8/65/3/3/1/0・箱 358×108 px・組めた・門: cand_1.html FAIL・cand_2.html PASSあなたは Web 制作者。次の条件で、箱の中だけで完結する HTML 断片を 1 つ書く。 【箱】幅 358px × 高さ 108px。最外の要素は width:358px;height:108px;box-sizing:border-box;overflow:hidden を持ち、内側の要素は全てこの箱の中に収める(はみ出し禁止・スクロール禁止)。文字は箱の中で全部読める大きさ(最小 10px)で、折り返し・省略(ellipsis)で欠けないこと。文字が箱の丈に収まらないときは、収まるまで字を小さくする(最小 10px)。行を省かない・文言を削らない・箱を広げない。文字を他の面・図形・円で隠さない=文字は自分の箱(overflow:hidden の要素)の中に丸ごと収め、面の縁や別の要素と重ねない。 【形】文字。オレンジの角丸ボタンに白い案内文と右向き矢印。 【トンマナ】パステルピンク・丸角。角丸の基本は 18px。使ってよい色は次の 4 つの hex『だけ』(他の色を作らない・白・黒・グレー・rgb()・rgba()・透明度つきの色も作らない): 板(面・地): #fffafc 字: #5a3a45 強調(面の差し色・アイコン・矢印): #f2a3bd 罫線: #f0d6de 役割は固定: 最外の要素の background は板 #fffafc(画像・グラデ・透明にしない)。字 #5a3a45 は文字の color だけに使う=面・地・帯・箱・丸の background に塗らない。文字は全部 字 #5a3a45(見出しも本文も番号も)。強調 #f2a3bd は面と印(帯・丸・アイコン・矢印)だけ=文字の色にしない(強調の面に文字を載せるときも文字は #5a3a45)。罫線 #f0d6de は罫(border・線・区切り)だけ。 書体は font-family: 游ゴシック, 'Yu Gothic', 游ゴシック体, YuGothic, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', メイリオ, Meiryo, sans-serif を最外の要素に書く。 【文字】次の文言『だけ』を、一字一句そのまま使う(順番は構図に合わせて並べ替えてよい・省いてはいけない・足してはいけない)。数字・単位・記号もこの一覧に無いものは書かない。この一覧の番号(1. 2. …)は文言ではない=書かない。渡した文言以外の文字・記号・ラベル・見出し・注記・装飾の文字(英字の飾り・番号の丸の中の数字も含む)を書かない。数字は渡した文言に在るものだけ。 1. まずは無料体験・見学で英語レベルと教室の雰囲気を確認する 2. 体験後にシステム説明 【参照画像】同じ用途の板を 1 枚渡す。借りるのは構図だけ=表の行列・要素の並ぶ順・大きさの比・強調の位置・余白の取り方。参照の色・書体・写真・ロゴ・文字・数字は写さない。参照に見える数値や固有名は絵にも文字にも出さない。 【禁止】外部資産(<link>・<script>・<img src=http…>・url(http…)・Web フォント)。<style> ブロックは使わず inline style だけ。<html>/<body> は書かない。JavaScript を書かない。id 属性を付けない。SVG は inline で書いてよい(アイコン・罫・矢印など)。 【出力】HTML 断片だけを ```html フェンスで 1 つ返す。説明文は書かない。
<div style="width:358px;height:108px;box-sizing:border-box;overflow:hidden;background:#fffafc;border:1px solid #f0d6de;border-radius:18px;padding:9px;font-family:游ゴシック,'Yu Gothic',游ゴシック体,YuGothic,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro',メイリオ,Meiryo,sans-serif;"> <div style="width:100%;height:62px;box-sizing:border-box;border-radius:18px;background:#f2a3bd;display:flex;align-items:center;padding:9
パーツ: 文字の穴(HTML)0・絵に焼く字 2・読めていない絵 0・画像の枠 2・DOM 板 1・CSS 0
| 役割 | 出典の絵の字 | 書いた文言 |
|---|---|---|
| 成長実績を示す図表 | Accomplishment・成長の実績 | (文言なし) |
| 利用対象の子供の写真 | KidsDuo・International | (文言なし) |
8/69/1/1/1・箱 213×91 px・透過・fit=contain・参照あり(eed010253d8e__textmasked.png)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 213×91px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 2.35:1の横長。焼いたあと中央の 100%×64% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの18%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 黒い背景に緑の太い見出し、上部に金色の星と曲線装飾。板の役割: 成長実績を示す図表。字は[焼く文字]の文言だけ 2. [焼く文字] 文字は正確に(改行も)「累計生徒数5000人を突破! 成長の記録」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 213×91px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 2.35:1の横長。焼いたあと中央の 100%×64% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの18%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 黒い背景に緑の太い見出し、上部に金色の星と曲線装飾。板の役割: 成長実績を示す図表。字は[焼く文字]の文言だけ 2. [焼く文字] 文字は正確に(改行も)「累計生徒数5000人を突破! 成長の記録」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure cyan RGB(0,255,255). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure cyan RGB(0,255,255) or any similar hue anywhere inside the subject itself. The subject itself contains an opaque panel/card/button shape of colour #00693f; draw that shape solid and fully opaque (no transparency, no pure cyan RGB(0,255,255) inside it) with its text on it — only the area outside the subject is the flat pure cyan RGB(0,255,255) background.
8/69/1/3/1・箱 390×270 px・写真・fit=cover・参照なし【スタイルDNA: パステルピンク・丸角】写真は自然な色。人物の肌・服・背景の色は変えない。地・小物・光の空気だけを配色(#fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45)に寄せる。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 390×270px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1.44:1の横長。焼いたあと中央の 96%×100% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。左右それぞれ幅の2%は紙の色 #fffafc だけで平らに塗った余白帯にし(絵の地の色や模様で塗らない)、そこには何も置かない。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 保育施設で子どもが学習や遊びをする写真のコラージュ(子供のイメージ写真)。中身の文字は[焼く文字]のとおり。写真・人物・静物にしない 2. [焼く文字] 文字は正確に(改行も)「年中〜小4対象 英語で学ぶ放課後スクールへ」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
8/69/1/1/1・箱 213×91 px・組めた・門: cand_1.html PASS・cand_2.html FAILあなたは Web 制作者。次の条件で、箱の中だけで完結する HTML 断片を 1 つ書く。 【箱】幅 213px × 高さ 91px。最外の要素は width:213px;height:91px;box-sizing:border-box;overflow:hidden を持ち、内側の要素は全てこの箱の中に収める(はみ出し禁止・スクロール禁止)。文字は箱の中で全部読める大きさ(最小 10px)で、折り返し・省略(ellipsis)で欠けないこと。文字が箱の丈に収まらないときは、収まるまで字を小さくする(最小 10px)。行を省かない・文言を削らない・箱を広げない。文字を他の面・図形・円で隠さない=文字は自分の箱(overflow:hidden の要素)の中に丸ごと収め、面の縁や別の要素と重ねない。 【形】文字。黒い背景に緑の太い見出し、上部に金色の星と曲線装飾。 【トンマナ】パステルピンク・丸角。角丸の基本は 18px。使ってよい色は次の 4 つの hex『だけ』(他の色を作らない・白・黒・グレー・rgb()・rgba()・透明度つきの色も作らない): 板(面・地): #fffafc 字: #5a3a45 強調(面の差し色・アイコン・矢印): #f2a3bd 罫線: #f0d6de 役割は固定: 最外の要素の background は板 #fffafc(画像・グラデ・透明にしない)。字 #5a3a45 は文字の color だけに使う=面・地・帯・箱・丸の background に塗らない。文字は全部 字 #5a3a45(見出しも本文も番号も)。強調 #f2a3bd は面と印(帯・丸・アイコン・矢印)だけ=文字の色にしない(強調の面に文字を載せるときも文字は #5a3a45)。罫線 #f0d6de は罫(border・線・区切り)だけ。 書体は font-family: 游ゴシック, 'Yu Gothic', 游ゴシック体, YuGothic, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', メイリオ, Meiryo, sans-serif を最外の要素に書く。 【文字】次の文言『だけ』を、一字一句そのまま使う(順番は構図に合わせて並べ替えてよい・省いてはいけない・足してはいけない)。数字・単位・記号もこの一覧に無いものは書かない。この一覧の番号(1. 2. …)は文言ではない=書かない。渡した文言以外の文字・記号・ラベル・見出し・注記・装飾の文字(英字の飾り・番号の丸の中の数字も含む)を書かない。数字は渡した文言に在るものだけ。 1. 累計生徒数5000人を突破! 2. 成長の記録 【参照画像】同じ用途の板を 1 枚渡す。借りるのは構図だけ=表の行列・要素の並ぶ順・大きさの比・強調の位置・余白の取り方。参照の色・書体・写真・ロゴ・文字・数字は写さない。参照に見える数値や固有名は絵にも文字にも出さない。 【禁止】外部資産(<link>・<script>・<img src=http…>・url(http…)・Web フォント)。<style> ブロックは使わず inline style だけ。<html>/<body> は書かない。JavaScript を書かない。id 属性を付けない。SVG は inline で書いてよい(アイコン・罫・矢印など)。 【出力】HTML 断片だけを ```html フェンスで 1 つ返す。説明文は書かない。
<div style="width:213px;height:91px;box-sizing:border-box;overflow:hidden;background:#fffafc;font-family:游ゴシック,'Yu Gothic',游ゴシック体,YuGothic,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro',メイリオ,Meiryo,sans-serif;border-radius:18px;border:1px solid #f0d6de;position:relative;color:#5a3a45;"><div style="position:absolute;left:12px;top:6px;width:189px;height:29px;box-sizing:border-box;overflow:hidden;background
パーツ: 文字の穴(HTML)1・絵に焼く字 1・読めていない絵 0・画像の枠 1・DOM 板 1・CSS 0
| 役割 | 出典の文面(要約) | 書いた文言(=紙面の文言) | 発注の狙い |
|---|---|---|---|
| 平均値と園児記録の出典注記 | 平均値出典:スポーツ庁「体力・運動能力調査」(更新日2020年10月19日)英検®・IQ・運動の記録はKDI・iKSの2020年度園児の記録です。 | 平均値は公開されている調査資料を参考にしています。お子さまの記録は掲載資料の確認範囲に基づきます。最新の内容は体験・相談時にご確認ください。 | 字数 5〜65・切らない |
| 役割 | 出典の絵の字 | 書いた文言 |
|---|---|---|
| 小3レベルの身体能力図 | 運動・小3レベルの身体能力・50m走・8.76秒・小3平均 9.61秒・ボール投げ・17.5m・小3平均 15.89m・立ち幅跳び・173cm・小3平均 153.72cm・反復横跳び・49回・小3平均 46.7回 | 放課後の1日でできること / 4つの活動 / 英語 / 4時間 / 放課後を英語だけで過ごす / 英検対策 / 週1回 / 級に合わせた対策の時間 / プログラミング / 週1回 / タブレットで考える力 / アート&クラフト / 週1回 / 作って発表する時間 |
8/69/1/7/1・箱 383×381 px・透過・fit=contain・参照あり(24eda2487ab0__textmasked.png)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 383×381px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1.01:1の横長。焼いたあと中央の 100%×99% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 白地に緑の見出し、淡緑の角丸枠が格子状に並ぶ図表(小3レベル身体能力の図解)。中身の文字は[焼く文字]のとおり。写真・人物・静物にしない 2. [表] 文字は正確に(改行も)「放課後の1日でできること 4つの活動 英語 4時間 放課後を英語だけで過ごす 英検対策 週1回 級に合わせた対策の時間 プログラミング 週1回 タブレットで考える力 アート&クラフト 週1回 作って発表する時間」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 383×381px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1.01:1の横長。焼いたあと中央の 100%×99% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 白地に緑の見出し、淡緑の角丸枠が格子状に並ぶ図表(小3レベル身体能力の図解)。中身の文字は[焼く文字]のとおり。写真・人物・静物にしない 2. [表] 文字は正確に(改行も)「放課後の1日でできること 4つの活動 英語 4時間 放課後を英語だけで過ごす 英検対策 週1回 級に合わせた対策の時間 プログラミング 週1回 タブレットで考える力 アート&クラフト 週1回 作って発表する時間」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure red RGB(255,0,0). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure red RGB(255,0,0) or any similar hue anywhere inside the subject itself. The subject itself contains an opaque panel/card/button shape of colour #ffffff; draw that shape solid and fully opaque (no transparency, no pure red RGB(255,0,0) inside it) with its text on it — only the area outside the subject is the flat pure red RGB(255,0,0) background.
8/69/1/7/1・箱 383×381 px・組めた・門: cand_1.html PASS・cand_2.html PASSあなたは Web 制作者。次の条件で、箱の中だけで完結する HTML 断片を 1 つ書く。 【箱】幅 383px × 高さ 381px。最外の要素は width:383px;height:381px;box-sizing:border-box;overflow:hidden を持ち、内側の要素は全てこの箱の中に収める(はみ出し禁止・スクロール禁止)。文字は箱の中で全部読める大きさ(最小 10px)で、折り返し・省略(ellipsis)で欠けないこと。文字が箱の丈に収まらないときは、収まるまで字を小さくする(最小 10px)。行を省かない・文言を削らない・箱を広げない。文字を他の面・図形・円で隠さない=文字は自分の箱(overflow:hidden の要素)の中に丸ごと収め、面の縁や別の要素と重ねない。 【形】図表。白地に緑の見出し、淡緑の角丸枠が格子状に並ぶ図表。 【トンマナ】パステルピンク・丸角。角丸の基本は 18px。使ってよい色は次の 4 つの hex『だけ』(他の色を作らない・白・黒・グレー・rgb()・rgba()・透明度つきの色も作らない): 板(面・地): #fffafc 字: #5a3a45 強調(面の差し色・アイコン・矢印): #f2a3bd 罫線: #f0d6de 役割は固定: 最外の要素の background は板 #fffafc(画像・グラデ・透明にしない)。字 #5a3a45 は文字の color だけに使う=面・地・帯・箱・丸の background に塗らない。文字は全部 字 #5a3a45(見出しも本文も番号も)。強調 #f2a3bd は面と印(帯・丸・アイコン・矢印)だけ=文字の色にしない(強調の面に文字を載せるときも文字は #5a3a45)。罫線 #f0d6de は罫(border・線・区切り)だけ。 書体は font-family: 游ゴシック, 'Yu Gothic', 游ゴシック体, YuGothic, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', メイリオ, Meiryo, sans-serif を最外の要素に書く。 【文字】次の文言『だけ』を、一字一句そのまま使う(順番は構図に合わせて並べ替えてよい・省いてはいけない・足してはいけない)。数字・単位・記号もこの一覧に無いものは書かない。この一覧の番号(1. 2. …)は文言ではない=書かない。渡した文言以外の文字・記号・ラベル・見出し・注記・装飾の文字(英字の飾り・番号の丸の中の数字も含む)を書かない。数字は渡した文言に在るものだけ。 1. 放課後の1日でできること 2. 4つの活動 3. 英語 4. 4時間 5. 放課後を英語だけで過ごす 6. 英検対策 7. 週1回 8. 級に合わせた対策の時間 9. プログラミング 10. 週1回 11. タブレットで考える力 12. アート&クラフト 13. 週1回 14. 作って発表する時間 【参照画像】同じ用途の板を 1 枚渡す。借りるのは構図だけ=表の行列・要素の並ぶ順・大きさの比・強調の位置・余白の取り方。参照の色・書体・写真・ロゴ・文字・数字は写さない。参照に見える数値や固有名は絵にも文字にも出さない。 【禁止】外部資産(<link>・<script>・<img src=http…>・url(http…)・Web フォント)。<style> ブロックは使わず inline style だけ。<html>/<body> は書かない。JavaScript を書かない。id 属性を付けない。SVG は inline で書いてよい(アイコン・罫・矢印など)。 【出力】HTML 断片だけを ```html フェンスで 1 つ返す。説明文は書かない。
<div style="width:383px;height:381px;box-sizing:border-box;overflow:hidden;background:#fffafc;font-family:游ゴシック,'Yu Gothic',游ゴシック体,YuGothic,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro',メイリオ,Meiryo,sans-serif;color:#5a3a45;padding:8px;"> <div style="width:367px;height:365px;box-sizing:border-box;background:#fffafc;border:3px solid #f0d6de;border-radius:18px;padding:12px 14px;display:flex;flex-directio
パーツ: 文字の穴(HTML)0・絵に焼く字 2・読めていない絵 0・画像の枠 1・DOM 板 0・CSS 0
| 役割 | 出典の絵の字 | 書いた文言 |
|---|---|---|
| 運営グループのロゴ | やる気スイッチ・ON・やる気スイッチ。それは、人生のスイッチ。・やる気スイッチグループ | (ロゴ・商標・受賞=作らない(文言は要らない)) |
| 園名と運営元の説明ロゴ | — | (ロゴ・商標・受賞=作らない(文言は要らない)) |
8/73/1/1/3/1/0・箱 309×88 px・透過・fit=contain・参照あり(1481d2146b8c__textmasked.png)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 309×88px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 3.51:1の横長。焼いたあと中央の 100%×43% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの29%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [単色の図] 黒地に白い太字の日本語が複数行表示されている。字は[焼く文字]の文言だけ 単色(1色 #fffafc)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 この枠に文字は無い。文字・数字・単位・ロゴを一切描かない。 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 309×88px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 3.51:1の横長。焼いたあと中央の 100%×43% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの29%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [単色の図] 黒地に白い太字の日本語が複数行表示されている。字は[焼く文字]の文言だけ 単色(1色 #fffafc)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 この枠に文字は無い。文字・数字・単位・ロゴを一切描かない。 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure green RGB(0,255,0). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure green RGB(0,255,0) or any similar hue anywhere inside the subject itself. The subject itself contains an opaque panel/card/button shape of colour #ffffff; draw that shape solid and fully opaque (no transparency, no pure green RGB(0,255,0) inside it) with its text on it — only the area outside the subject is the flat pure green RGB(0,255,0) background.
パーツ: 文字の穴(HTML)47・絵に焼く字 1・読めていない絵 1・画像の枠 3・DOM 板 1・CSS 0
| 役割 | 出典の文面(要約) | 書いた文言(=紙面の文言) | 発注の狙い |
|---|---|---|---|
| 価格比較表の見出し | 比べてわかる価格表 | 料金を比べる表 | 字数 3〜15・切る |
| セット割引列の見出し | セット購入割引(税込) | 割引・特典内容校舎別 | 字数 4〜83・切らない |
| 料金表の科目数列見出し | 科目数 | 通学日数 | 字数 4〜83・切らない |
| セット価格列の見出し | セット購入価格 | 月額の授業料 | 字数 4〜83・切らない |
| 一科目購入価格の金額 | 18,900円 | 19,800円 | 字数 5〜65・切らない |
| 価格表の一科目数値 | 1科目 | 週1日 | 字数 4〜83・切らない |
| 一科目割引なしの記号 | ー | 3,000円 | 字数 5〜50・切らない |
| 二科目セット価格の金額 | 35,800円 | 29,800円 | 字数 5〜65・切らない |
| 二科目セット割引額 | 2,000円おトク♪ | 管理費4,000円 | 字数 5〜65・切らない |
| 価格表の二科目数値 | 2科目 | 週2日 | 字数 4〜83・切らない |
| 三科目セット価格の金額 | 50,700円 | 39,800円 | 字数 5〜65・切らない |
| 三科目セット割引額 | 6,000円おトク♪ | 管理費5,000円 | 字数 5〜65・切らない |
| 価格表の三科目数値 | 3科目 | 週3日 | 字数 4〜83・切らない |
| 横スクロール案内文 | スクロールできます | 横に動かせます | 字数 5〜50・切らない |
| 四科目セット価格の金額 | 65,600円 | 49,800円 | 字数 5〜65・切らない |
| 四科目セット割引額 | 10,000円おトク♪ | 管理費6,000円 | 字数 5〜65・切らない |
| 価格表の四科目数値 | 4科目 | 週4日 | 字数 4〜83・切らない |
| 五科目セット価格の金額 | 79,500円 | 19,800円 | 字数 5〜65・切らない |
| 五科目セット割引額 | 15,000円おトク♪ | 管理費3,000円 | 字数 5〜65・切らない |
| 価格表の五科目数値 | 5科目 | 土曜クラス | 字数 4〜83・切らない |
| 送料と発送時期の注意書き | ※北海道・沖縄・離島は別途送料550円(税込)が発生します。※右脳思考の発送は1月から順次発送いたします。 | ※料金は校舎により異なります。※延長料金がかかる場合があります。※詳しくは体験レッスン時に案内します。 | 字数 5〜50・切らない |
| 学習塾コスト比較の小見出し | 学習塾のコストと比べてみると | 通学頻度ごとに費用比較 | 字数 5〜65・切らない |
| 学習塾比較対象の見出し | 小学生向け学習塾の場合 | 英語アフタースクールの場合 | 字数 5〜65・切らない |
| 塾費用三科目条件 | 3科目 | 週3日利用 | 字数 5〜65・切らない |
| 塾費用十か月条件 | 10ヶ月 | 月謝制 | 字数 5〜65・切らない |
| 塾三科目十か月費用額 | 300,000 | 44,800 | 字数 6〜15・切る |
| 塾費用の円以上表記 | 円~ | 円/月目安 | 字数 5〜65・切らない |
| 塾費用五科目条件 | 5科目 | 週4日利用 | 字数 5〜65・切らない |
| 塾五科目十か月条件 | 10ヶ月 | 月謝制 | 字数 5〜65・切らない |
| 塾五科目十か月費用額 | 450,000 | 55,800 | 字数 6〜15・切る |
| 塾五科目円以上表記 | 円~ | 円/月目安 | 字数 5〜65・切らない |
| 塾一科目月額目安 | 10,000円 | 22,800円 | 字数 6〜15・切る |
| 塾月額換算の条件文 | 1科目なら1ヶ月あたり | 週日数別の月謝目安 | 字数 5〜65・切らない |
| 塾通学時の別途諸費用 | 入塾日、統一テスト受講料、特別講演会費、交通 | 入会金、施設維持費、延長料金、管理費 | 字数 5〜65・切らない |
| 塾諸費用項目名の末尾 | 費 | など別途費 | 字数 5〜65・切らない |
| 塾費用試算の条件注記 | ※各90分の授業(当社調べ) | ※校舎ごとに料金が異なります | 字数 5〜65・切らない |
| 自社プリント比較見出し | 七田式小学生プリントなら | ネスアフタースクールなら | 字数 5〜65・切らない |
| 自社価格三科目条件 | 3科目 | 週3日利用 | 字数 5〜65・切らない |
| 自社三科目セット価格 | 50,700円(税込) | 44,800円月額目安 | 字数 6〜15・切る |
| 自社三科目利用期間 | 10ヶ月 | 月謝制 | 字数 5〜65・切らない |
| 修了テスト込み訴求文 | 修了テスト込み | 英語探究活動込み 親の最初の文字節点へ束ねられた(fold-lines・鍵 8/77/1/1/1/5/1/3/3/3/7/0) | 字数 5〜65・切らない |
| 自社価格五科目条件 | 5科目 | 週4日利用 | 字数 5〜65・切らない |
| 自社五科目セット価格 | 79,500円(税込) | 55,800円月額目安 | 字数 6〜15・切る |
| 自社五科目利用期間 | 10ヶ月 | 月謝制 | 字数 5〜65・切らない |
| 自社一科目月額換算額 | 1,700円(税込) | 22,800円月謝から | 字数 6〜15・切る |
| 自社月額換算の条件文 | 1科目なら1ヶ月あたり | 週日数別の月謝目安 | 字数 5〜65・切らない |
| 家庭学習で諸費用不要の訴求 | 七田式小学生プリントは家庭学習なので学生塾に通わせる場合の諸費用も必要なし! | 放課後の預かり時間に基礎英語も学べて探究型アクティビティも自分で選べます 親の最初の文字節点へ束ねられた(fold-lines・鍵 8/77/1/1/1/5/1/3/3/7/3/1/0) | 字数 5〜65・切らない |
| 役割 | 出典の絵の字 | 書いた文言 |
|---|---|---|
| セット購入最大割引バナー | セット購入で・最大15,000円おトク! | 今なら特典中 / 入会金0円キャンペーン案内 |
読めていない絵 1 枠(alt が空・Vision で読むまで測っていない——発注書の申告のまま)。
8/77/1/1/1/1/1/1/1・箱 280×73 px・板・fit=cover・参照なし【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 280×73px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 3.86:1の横長。焼いたあと中央の 100%×39% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの31%は紙の色 #fffafc だけで平らに塗った余白帯にし(絵の地の色や模様で塗らない)、そこには何も置かない。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 白い吹き出し形に、黒と桃色の太字が並び下に色線がある。板の役割: セット購入の最大割引バナー。字は[焼く文字]の文言だけ 2. [焼く文字] 文字は正確に(改行も)「今なら特典中 入会金0円キャンペーン案内」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
8/77/1/1/1/5/1/3/3/3/7・箱 80×80 px・図解・fit=contain・参照なし【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 80×80px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [平らな飾り] 青い円形の会話吹き出しの単色アイコン(修了テスト込みの丸印) 単色(1色)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 この枠に文字は無い。文字・数字・単位・ロゴを一切描かない。 Do not draw logos, brand marks, social-media icons or trademark-like symbols. 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
8/77/1::after::bg・箱 390×80 px・図解・fit=contain・参照なし【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 390×80px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 4.88:1の横長。焼いたあと中央の 100%×31% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの35%は紙の色 #fffafc だけで平らに塗った余白帯にし(絵の地の色や模様で塗らない)、そこには何も置かない。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [地の模様] 黒地の上部に淡い色の大きな弧状の帯がある この枠に文字は無い。文字・数字・単位・ロゴを一切描かない。 Do not draw logos, brand marks, social-media icons or trademark-like symbols. 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
8/77/1/1/1/1/1/1/1・箱 280×73 px・組めなかった(門を通った候補が無い=焼いた絵のまま載せる)・門: cand_1.html FAIL・cand_2.html FAILあなたは Web 制作者。次の条件で、箱の中だけで完結する HTML 断片を 1 つ書く。 【箱】幅 280px × 高さ 73px。最外の要素は width:280px;height:73px;box-sizing:border-box;overflow:hidden を持ち、内側の要素は全てこの箱の中に収める(はみ出し禁止・スクロール禁止)。文字は箱の中で全部読める大きさ(最小 10px)で、折り返し・省略(ellipsis)で欠けないこと。文字が箱の丈に収まらないときは、収まるまで字を小さくする(最小 10px)。行を省かない・文言を削らない・箱を広げない。文字を他の面・図形・円で隠さない=文字は自分の箱(overflow:hidden の要素)の中に丸ごと収め、面の縁や別の要素と重ねない。 【形】文字。白い吹き出し形に、黒と桃色の太字が並び下に色線がある。 【トンマナ】パステルピンク・丸角。角丸の基本は 18px。使ってよい色は次の 4 つの hex『だけ』(他の色を作らない・白・黒・グレー・rgb()・rgba()・透明度つきの色も作らない): 板(面・地): #fffafc 字: #5a3a45 強調(面の差し色・アイコン・矢印): #f2a3bd 罫線: #f0d6de 役割は固定: 最外の要素の background は板 #fffafc(画像・グラデ・透明にしない)。字 #5a3a45 は文字の color だけに使う=面・地・帯・箱・丸の background に塗らない。文字は全部 字 #5a3a45(見出しも本文も番号も)。強調 #f2a3bd は面と印(帯・丸・アイコン・矢印)だけ=文字の色にしない(強調の面に文字を載せるときも文字は #5a3a45)。罫線 #f0d6de は罫(border・線・区切り)だけ。 書体は font-family: 游ゴシック, 'Yu Gothic', 游ゴシック体, YuGothic, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', メイリオ, Meiryo, sans-serif を最外の要素に書く。 【文字】次の文言『だけ』を、一字一句そのまま使う(順番は構図に合わせて並べ替えてよい・省いてはいけない・足してはいけない)。数字・単位・記号もこの一覧に無いものは書かない。この一覧の番号(1. 2. …)は文言ではない=書かない。渡した文言以外の文字・記号・ラベル・見出し・注記・装飾の文字(英字の飾り・番号の丸の中の数字も含む)を書かない。数字は渡した文言に在るものだけ。 1. 今なら特典中 2. 入会金0円キャンペーン案内 【参照画像】同じ用途の板を 1 枚渡す。借りるのは構図だけ=表の行列・要素の並ぶ順・大きさの比・強調の位置・余白の取り方。参照の色・書体・写真・ロゴ・文字・数字は写さない。参照に見える数値や固有名は絵にも文字にも出さない。 【禁止】外部資産(<link>・<script>・<img src=http…>・url(http…)・Web フォント)。<style> ブロックは使わず inline style だけ。<html>/<body> は書かない。JavaScript を書かない。id 属性を付けない。SVG は inline で書いてよい(アイコン・罫・矢印など)。 【出力】HTML 断片だけを ```html フェンスで 1 つ返す。説明文は書かない。
パーツ: 文字の穴(HTML)13・絵に焼く字 1・読めていない絵 0・画像の枠 13・DOM 板 1・CSS 0
| 役割 | 出典の文面(要約) | 書いた文言(=紙面の文言) | 発注の狙い |
|---|---|---|---|
| 英語未経験への対応質問[狙い: 質問は facts の『リスク表記』『選ぶときに要る判断情報(KBF)』から起こす。出典の質問の話題に縛らない] | 今まで英語の学習経験がありませんが、大丈夫ですか? | 英語が初めてでも最初の戸惑いはありますか? 親の最初の文字節点へ束ねられた(fold-lines・鍵 8/81/1/1/3/1/1/0) | 字数 5〜65・切らない |
| FAQ項目を閉じる操作ラベル[狙い: 幅 39px・字寸 13px の 1 行の札=3 字以内で書く(『開く』『閉じる』のように)。超えると折れて印に被る] | 閉じる | 閉じる | 字数 1〜3・切らない |
| 英語未経験児への回答[狙い: 答えは同じ行の質問に facts の事実で、読者へ直接 1〜2 文で書く(〜です/〜できます)。『FAQでは』『〜旨を案内しています』『〜と記載しています』のようなメタ文は書かない。出典の回答の話題に縛らない] | 幼児期のお子さまはとても習得が早いので、毎日英語に触れていく環境の中で、自然と理解出来るようになっていきます。 | 英語力は特に必要ありません。レッスンは英語オンリーで進み、必要に応じてスタッフが日本語でもサポートします。 | 字数 5〜65・切らない |
| バスルート案内の質問[狙い: 質問は facts の『リスク表記』『選ぶときに要る判断情報(KBF)』から起こす。出典の質問の話題に縛らない] | バスルートを教えて下さい。 | 送迎対応はありますか? | 字数 5〜65・切らない |
| FAQ項目を開く操作ラベル[狙い: 幅 26px・字寸 13px の 1 行の札=2 字以内で書く(『開く』『閉じる』のように)。超えると折れて印に被る] | 開く | 開く | 字数 1〜2・切らない |
| 授業料の金額確認質問[狙い: 質問は facts の『リスク表記』『選ぶときに要る判断情報(KBF)』から起こす。出典の質問の話題に縛らない] | 授業料はいくらですか? | 月額費用はいくらですか? | 字数 5〜65・切らない |
| FAQ項目を開く操作ラベル[狙い: 幅 26px・字寸 13px の 1 行の札=2 字以内で書く(『開く』『閉じる』のように)。超えると折れて印に被る] | 開く | 開く | 字数 1〜2・切らない |
| 幼児教育無償化対象質問[狙い: 質問は facts の『リスク表記』『選ぶときに要る判断情報(KBF)』から起こす。出典の質問の話題に縛らない] | 幼児教育無償化の対象園ですか? | 開講曜日は校舎で違いますか? | 字数 5〜65・切らない |
| FAQ項目を開く操作ラベル[狙い: 幅 26px・字寸 13px の 1 行の札=2 字以内で書く(『開く』『閉じる』のように)。超えると折れて印に被る] | 開く | 開く | 字数 1〜2・切らない |
| 補助金有無の確認質問[狙い: 質問は facts の『リスク表記』『選ぶときに要る判断情報(KBF)』から起こす。出典の質問の話題に縛らない] | 補助金などありますか? | 管理費も必要ですか? | 字数 5〜65・切らない |
| FAQ項目を開く操作ラベル[狙い: 幅 26px・字寸 13px の 1 行の札=2 字以内で書く(『開く』『閉じる』のように)。超えると折れて印に被る] | 開く | 開く | 字数 1〜2・切らない |
| 箸持参と箸指導の質問[狙い: 質問は facts の『リスク表記』『選ぶときに要る判断情報(KBF)』から起こす。出典の質問の話題に縛らない] | お箸は必要ですか?お箸指導はありますか? | 延長料金はいつからですか?別途費用はありますか? 親の最初の文字節点へ束ねられた(fold-lines・鍵 8/81/1/1/13/1/1/0) | 字数 5〜65・切らない |
| FAQ項目を開く操作ラベル[狙い: 幅 26px・字寸 13px の 1 行の札=2 字以内で書く(『開く』『閉じる』のように)。超えると折れて印に被る] | 開く | 開く | 字数 1〜2・切らない |
| 役割 | 出典の絵の字 | 書いた文言 |
|---|---|---|
| よくある質問セクション見出し | よくある質問 ? | よくあるご質問集 |
8/81/1/1/1/1・箱 291×84 px・透過・fit=contain・参照あり(67b26d9c2e60__textmasked.png)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 291×84px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 3.46:1の横長。焼いたあと中央の 100%×43% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの28%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 左に大きな見出し、右に青い吹き出しと白い疑問符。板の役割: よくある質問の見出し画像。字は[焼く文字]の文言だけ 2. [焼く文字] 文字は正確に「よくあるご質問集」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 291×84px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 3.46:1の横長。焼いたあと中央の 100%×43% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの28%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 左に大きな見出し、右に青い吹き出しと白い疑問符。板の役割: よくある質問の見出し画像。字は[焼く文字]の文言だけ 2. [焼く文字] 文字は正確に「よくあるご質問集」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure red RGB(255,0,0). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure red RGB(255,0,0) or any similar hue anywhere inside the subject itself. The subject itself contains an opaque panel/card/button shape of colour #5281e2; draw that shape solid and fully opaque (no transparency, no pure red RGB(255,0,0) inside it) with its text on it — only the area outside the subject is the flat pure red RGB(255,0,0) background.
8/81/1/1/11/1/1::before::bg・箱 2×50 px・透過・fit=contain・参照あり(3446e4b3fe64.webp)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 2×50px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1:24.25の縦長。焼いたあと中央の 6%×100% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。左右それぞれ幅の47%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [平らな飾り] 白地の左端に黒い短い横線が縦に並ぶ 単色(1色 #fffafc)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 この枠に文字は無い。文字・数字・単位・ロゴを一切描かない。 Do not draw logos, brand marks, social-media icons or trademark-like symbols. 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 2×50px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1:24.25の縦長。焼いたあと中央の 6%×100% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。左右それぞれ幅の47%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [平らな飾り] 白地の左端に黒い短い横線が縦に並ぶ 単色(1色 #fffafc)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 この枠に文字は無い。文字・数字・単位・ロゴを一切描かない。 Do not draw logos, brand marks, social-media icons or trademark-like symbols. 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure green RGB(0,255,0). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure green RGB(0,255,0) or any similar hue anywhere inside the subject itself. The subject itself contains an opaque panel/card/button shape of colour #ffffff; draw that shape solid and fully opaque (no transparency, no pure green RGB(0,255,0) inside it) with its text on it — only the area outside the subject is the flat pure green RGB(0,255,0) background.
8/81/1/1/11/1/3::before::bg・箱 16×16 px・透過・fit=contain・参照あり(eae8405f2887.webp)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 16×16px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [小さな印] 白地に黒い小さなブロックが配置された単色記号 単色(1色 #fffafc)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 この枠に文字は無い。文字・数字・単位・ロゴを一切描かない。 Do not draw logos, brand marks, social-media icons or trademark-like symbols. 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 16×16px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [小さな印] 白地に黒い小さなブロックが配置された単色記号 単色(1色 #fffafc)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 この枠に文字は無い。文字・数字・単位・ロゴを一切描かない。 Do not draw logos, brand marks, social-media icons or trademark-like symbols. 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure green RGB(0,255,0). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure green RGB(0,255,0) or any similar hue anywhere inside the subject itself. The subject itself contains an opaque panel/card/button shape of colour #ffffff; draw that shape solid and fully opaque (no transparency, no pure green RGB(0,255,0) inside it) with its text on it — only the area outside the subject is the flat pure green RGB(0,255,0) background.
8/81/1/1/13/1/1::before::bg・箱 2×50 px・透過・fit=contain・参照あり(3446e4b3fe64.webp)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 2×50px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1:24.25の縦長。焼いたあと中央の 6%×100% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。左右それぞれ幅の47%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [平らな飾り] 白地の左端に黒い短い横線が縦に並ぶ 単色(1色 #fffafc)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 この枠に文字は無い。文字・数字・単位・ロゴを一切描かない。 Do not draw logos, brand marks, social-media icons or trademark-like symbols. 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 2×50px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1:24.25の縦長。焼いたあと中央の 6%×100% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。左右それぞれ幅の47%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [平らな飾り] 白地の左端に黒い短い横線が縦に並ぶ 単色(1色 #fffafc)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 この枠に文字は無い。文字・数字・単位・ロゴを一切描かない。 Do not draw logos, brand marks, social-media icons or trademark-like symbols. 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure green RGB(0,255,0). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure green RGB(0,255,0) or any similar hue anywhere inside the subject itself. The subject itself contains an opaque panel/card/button shape of colour #ffffff; draw that shape solid and fully opaque (no transparency, no pure green RGB(0,255,0) inside it) with its text on it — only the area outside the subject is the flat pure green RGB(0,255,0) background.
8/81/1/1/13/1/3::before::bg・箱 16×16 px・透過・fit=contain・参照あり(eae8405f2887.webp)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 16×16px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [小さな印] 白地に黒い小さなブロックが配置された単色記号 単色(1色 #fffafc)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 この枠に文字は無い。文字・数字・単位・ロゴを一切描かない。 Do not draw logos, brand marks, social-media icons or trademark-like symbols. 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 16×16px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [小さな印] 白地に黒い小さなブロックが配置された単色記号 単色(1色 #fffafc)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 この枠に文字は無い。文字・数字・単位・ロゴを一切描かない。 Do not draw logos, brand marks, social-media icons or trademark-like symbols. 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure green RGB(0,255,0). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure green RGB(0,255,0) or any similar hue anywhere inside the subject itself. The subject itself contains an opaque panel/card/button shape of colour #ffffff; draw that shape solid and fully opaque (no transparency, no pure green RGB(0,255,0) inside it) with its text on it — only the area outside the subject is the flat pure green RGB(0,255,0) background.
8/81/1/1/3/1/1::before::bg・箱 2×50 px・透過・fit=contain・参照あり(3446e4b3fe64.webp)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 2×50px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1:24.25の縦長。焼いたあと中央の 6%×100% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。左右それぞれ幅の47%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [平らな飾り] 白地の左端に黒い短い横線が縦に並ぶ 単色(1色 #fffafc)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 この枠に文字は無い。文字・数字・単位・ロゴを一切描かない。 Do not draw logos, brand marks, social-media icons or trademark-like symbols. 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 2×50px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1:24.25の縦長。焼いたあと中央の 6%×100% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。左右それぞれ幅の47%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [平らな飾り] 白地の左端に黒い短い横線が縦に並ぶ 単色(1色 #fffafc)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 この枠に文字は無い。文字・数字・単位・ロゴを一切描かない。 Do not draw logos, brand marks, social-media icons or trademark-like symbols. 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure green RGB(0,255,0). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure green RGB(0,255,0) or any similar hue anywhere inside the subject itself. The subject itself contains an opaque panel/card/button shape of colour #ffffff; draw that shape solid and fully opaque (no transparency, no pure green RGB(0,255,0) inside it) with its text on it — only the area outside the subject is the flat pure green RGB(0,255,0) background.
8/81/1/1/3/1/3::before::bg・箱 16×16 px・透過・fit=contain・参照あり(eae8405f2887.webp)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 16×16px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [小さな印] 白地に黒い小さなブロックが配置された単色記号 単色(1色 #fffafc)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 この枠に文字は無い。文字・数字・単位・ロゴを一切描かない。 Do not draw logos, brand marks, social-media icons or trademark-like symbols. 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 16×16px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [小さな印] 白地に黒い小さなブロックが配置された単色記号 単色(1色 #fffafc)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 この枠に文字は無い。文字・数字・単位・ロゴを一切描かない。 Do not draw logos, brand marks, social-media icons or trademark-like symbols. 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure green RGB(0,255,0). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure green RGB(0,255,0) or any similar hue anywhere inside the subject itself. The subject itself contains an opaque panel/card/button shape of colour #ffffff; draw that shape solid and fully opaque (no transparency, no pure green RGB(0,255,0) inside it) with its text on it — only the area outside the subject is the flat pure green RGB(0,255,0) background.
8/81/1/1/5/1/1::before::bg・箱 2×50 px・透過・fit=contain・参照あり(3446e4b3fe64.webp)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 2×50px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1:24.25の縦長。焼いたあと中央の 6%×100% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。左右それぞれ幅の47%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [平らな飾り] 白地の左端に黒い短い横線が縦に並ぶ 単色(1色 #fffafc)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 この枠に文字は無い。文字・数字・単位・ロゴを一切描かない。 Do not draw logos, brand marks, social-media icons or trademark-like symbols. 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 2×50px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1:24.25の縦長。焼いたあと中央の 6%×100% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。左右それぞれ幅の47%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [平らな飾り] 白地の左端に黒い短い横線が縦に並ぶ 単色(1色 #fffafc)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 この枠に文字は無い。文字・数字・単位・ロゴを一切描かない。 Do not draw logos, brand marks, social-media icons or trademark-like symbols. 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure green RGB(0,255,0). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure green RGB(0,255,0) or any similar hue anywhere inside the subject itself. The subject itself contains an opaque panel/card/button shape of colour #ffffff; draw that shape solid and fully opaque (no transparency, no pure green RGB(0,255,0) inside it) with its text on it — only the area outside the subject is the flat pure green RGB(0,255,0) background.
8/81/1/1/5/1/3::before::bg・箱 16×16 px・透過・fit=contain・参照あり(eae8405f2887.webp)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 16×16px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [小さな印] 白地に黒い小さなブロックが配置された単色記号 単色(1色 #fffafc)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 この枠に文字は無い。文字・数字・単位・ロゴを一切描かない。 Do not draw logos, brand marks, social-media icons or trademark-like symbols. 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 16×16px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [小さな印] 白地に黒い小さなブロックが配置された単色記号 単色(1色 #fffafc)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 この枠に文字は無い。文字・数字・単位・ロゴを一切描かない。 Do not draw logos, brand marks, social-media icons or trademark-like symbols. 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure green RGB(0,255,0). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure green RGB(0,255,0) or any similar hue anywhere inside the subject itself. The subject itself contains an opaque panel/card/button shape of colour #ffffff; draw that shape solid and fully opaque (no transparency, no pure green RGB(0,255,0) inside it) with its text on it — only the area outside the subject is the flat pure green RGB(0,255,0) background.
8/81/1/1/7/1/1::before::bg・箱 2×50 px・透過・fit=contain・参照あり(3446e4b3fe64.webp)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 2×50px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1:24.25の縦長。焼いたあと中央の 6%×100% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。左右それぞれ幅の47%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [平らな飾り] 白地の左端に黒い短い横線が縦に並ぶ 単色(1色 #fffafc)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 この枠に文字は無い。文字・数字・単位・ロゴを一切描かない。 Do not draw logos, brand marks, social-media icons or trademark-like symbols. 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 2×50px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1:24.25の縦長。焼いたあと中央の 6%×100% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。左右それぞれ幅の47%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [平らな飾り] 白地の左端に黒い短い横線が縦に並ぶ 単色(1色 #fffafc)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 この枠に文字は無い。文字・数字・単位・ロゴを一切描かない。 Do not draw logos, brand marks, social-media icons or trademark-like symbols. 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure green RGB(0,255,0). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure green RGB(0,255,0) or any similar hue anywhere inside the subject itself. The subject itself contains an opaque panel/card/button shape of colour #ffffff; draw that shape solid and fully opaque (no transparency, no pure green RGB(0,255,0) inside it) with its text on it — only the area outside the subject is the flat pure green RGB(0,255,0) background.
8/81/1/1/7/1/3::before::bg・箱 16×16 px・透過・fit=contain・参照あり(eae8405f2887.webp)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 16×16px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [小さな印] 白地に黒い小さなブロックが配置された単色記号 単色(1色 #fffafc)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 この枠に文字は無い。文字・数字・単位・ロゴを一切描かない。 Do not draw logos, brand marks, social-media icons or trademark-like symbols. 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 16×16px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [小さな印] 白地に黒い小さなブロックが配置された単色記号 単色(1色 #fffafc)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 この枠に文字は無い。文字・数字・単位・ロゴを一切描かない。 Do not draw logos, brand marks, social-media icons or trademark-like symbols. 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure green RGB(0,255,0). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure green RGB(0,255,0) or any similar hue anywhere inside the subject itself. The subject itself contains an opaque panel/card/button shape of colour #ffffff; draw that shape solid and fully opaque (no transparency, no pure green RGB(0,255,0) inside it) with its text on it — only the area outside the subject is the flat pure green RGB(0,255,0) background.
8/81/1/1/9/1/1::before::bg・箱 2×50 px・透過・fit=contain・参照あり(3446e4b3fe64.webp)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 2×50px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1:24.25の縦長。焼いたあと中央の 6%×100% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。左右それぞれ幅の47%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [平らな飾り] 白地の左端に黒い短い横線が縦に並ぶ 単色(1色 #fffafc)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 この枠に文字は無い。文字・数字・単位・ロゴを一切描かない。 Do not draw logos, brand marks, social-media icons or trademark-like symbols. 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 2×50px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1:24.25の縦長。焼いたあと中央の 6%×100% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。左右それぞれ幅の47%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [平らな飾り] 白地の左端に黒い短い横線が縦に並ぶ 単色(1色 #fffafc)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 この枠に文字は無い。文字・数字・単位・ロゴを一切描かない。 Do not draw logos, brand marks, social-media icons or trademark-like symbols. 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure green RGB(0,255,0). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure green RGB(0,255,0) or any similar hue anywhere inside the subject itself. The subject itself contains an opaque panel/card/button shape of colour #ffffff; draw that shape solid and fully opaque (no transparency, no pure green RGB(0,255,0) inside it) with its text on it — only the area outside the subject is the flat pure green RGB(0,255,0) background.
8/81/1/1/9/1/3::before::bg・箱 16×16 px・透過・fit=contain・参照あり(eae8405f2887.webp)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 16×16px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [小さな印] 白地に黒い小さなブロックが配置された単色記号 単色(1色 #fffafc)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 この枠に文字は無い。文字・数字・単位・ロゴを一切描かない。 Do not draw logos, brand marks, social-media icons or trademark-like symbols. 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 16×16px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [小さな印] 白地に黒い小さなブロックが配置された単色記号 単色(1色 #fffafc)の平らなシルエット/線画で描く。写真にしない。複数色・グラデーション・影・立体感・背景の情景を描かない。 この枠に文字は無い。文字・数字・単位・ロゴを一切描かない。 Do not draw logos, brand marks, social-media icons or trademark-like symbols. 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure green RGB(0,255,0). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure green RGB(0,255,0) or any similar hue anywhere inside the subject itself. The subject itself contains an opaque panel/card/button shape of colour #ffffff; draw that shape solid and fully opaque (no transparency, no pure green RGB(0,255,0) inside it) with its text on it — only the area outside the subject is the flat pure green RGB(0,255,0) background.
8/81/1/1/1/1・箱 291×84 px・組めた・門: cand_1.html PASS・cand_2.html FAILあなたは Web 制作者。次の条件で、箱の中だけで完結する HTML 断片を 1 つ書く。 【箱】幅 291px × 高さ 84px。最外の要素は width:291px;height:84px;box-sizing:border-box;overflow:hidden を持ち、内側の要素は全てこの箱の中に収める(はみ出し禁止・スクロール禁止)。文字は箱の中で全部読める大きさ(最小 10px)で、折り返し・省略(ellipsis)で欠けないこと。文字が箱の丈に収まらないときは、収まるまで字を小さくする(最小 10px)。行を省かない・文言を削らない・箱を広げない。文字を他の面・図形・円で隠さない=文字は自分の箱(overflow:hidden の要素)の中に丸ごと収め、面の縁や別の要素と重ねない。 【形】文字。左に大きな見出し、右に青い吹き出しと白い疑問符。 【トンマナ】パステルピンク・丸角。角丸の基本は 18px。使ってよい色は次の 4 つの hex『だけ』(他の色を作らない・白・黒・グレー・rgb()・rgba()・透明度つきの色も作らない): 板(面・地): #fffafc 字: #5a3a45 強調(面の差し色・アイコン・矢印): #f2a3bd 罫線: #f0d6de 役割は固定: 最外の要素の background は板 #fffafc(画像・グラデ・透明にしない)。字 #5a3a45 は文字の color だけに使う=面・地・帯・箱・丸の background に塗らない。文字は全部 字 #5a3a45(見出しも本文も番号も)。強調 #f2a3bd は面と印(帯・丸・アイコン・矢印)だけ=文字の色にしない(強調の面に文字を載せるときも文字は #5a3a45)。罫線 #f0d6de は罫(border・線・区切り)だけ。 書体は font-family: 游ゴシック, 'Yu Gothic', 游ゴシック体, YuGothic, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', メイリオ, Meiryo, sans-serif を最外の要素に書く。 【文字】次の文言『だけ』を、一字一句そのまま使う(順番は構図に合わせて並べ替えてよい・省いてはいけない・足してはいけない)。数字・単位・記号もこの一覧に無いものは書かない。この一覧の番号(1. 2. …)は文言ではない=書かない。渡した文言以外の文字・記号・ラベル・見出し・注記・装飾の文字(英字の飾り・番号の丸の中の数字も含む)を書かない。数字は渡した文言に在るものだけ。 1. よくあるご質問集 【参照画像】同じ用途の板を 1 枚渡す。借りるのは構図だけ=表の行列・要素の並ぶ順・大きさの比・強調の位置・余白の取り方。参照の色・書体・写真・ロゴ・文字・数字は写さない。参照に見える数値や固有名は絵にも文字にも出さない。 【禁止】外部資産(<link>・<script>・<img src=http…>・url(http…)・Web フォント)。<style> ブロックは使わず inline style だけ。<html>/<body> は書かない。JavaScript を書かない。id 属性を付けない。SVG は inline で書いてよい(アイコン・罫・矢印など)。 【出力】HTML 断片だけを ```html フェンスで 1 つ返す。説明文は書かない。
<div style="width:291px;height:84px;box-sizing:border-box;overflow:hidden;background:#fffafc;font-family:游ゴシック,'Yu Gothic',游ゴシック体,YuGothic,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro',メイリオ,Meiryo,sans-serif;border:2px solid #f0d6de;border-radius:18px;display:flex;align-items:center;justify-content:space-between;padding:12px 14px 12px 16px;"> <div style="box-sizing:border-box;overflow:hidden;color:#5a
パーツ: 文字の穴(HTML)0・絵に焼く字 3・読めていない絵 1・画像の枠 4・DOM 板 2・CSS 0
| 役割 | 出典の絵の字 | 書いた文言 |
|---|---|---|
| 入園時の安心材料の訴求 | 英語未経験多数!・転園でも安心!・広域バス送迎!・KidsDuo・International・3839 | 教室カメラ完備 / 専用アプリ確認 / 日本語サポート / 英語レベル確認 / はじめての英語学童でも安心 / 1名対応 |
| 教育理念を示すタグライン | 子どもたちに、/人生をデザインする力を | 英語で考え、世界へひらく力を育む |
| 説明会予約へのボタン文言 | Apply for information session・最寄りの園で 説明会予約 | お近くの校舎で、無料体験・見学とプログラム説明を予約する / 月謝と初期費用も確認 |
読めていない絵 1 枠(alt が空・Vision で読むまで測っていない——発注書の申告のまま)。
8/85/1/1・箱 390×150 px・透過・fit=contain・参照なし【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 390×150px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 2.60:1の横長。焼いたあと中央の 100%×58% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの21%は地の色だけの余白帯にし、そこには何も置かない。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 文字と数字で組んだ図表(表・グラフ・札の並び)。中身の文字は[焼く文字]のとおり。写真・人物・静物にしない 2. [焼く文字] 文字は正確に(改行も)「教室カメラ完備 専用アプリ確認 日本語サポート 英語レベル確認 はじめての英語学童でも安心 1名対応」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 390×150px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 2.60:1の横長。焼いたあと中央の 100%×58% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの21%は地の色だけの余白帯にし、そこには何も置かない。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 文字と数字で組んだ図表(表・グラフ・札の並び)。中身の文字は[焼く文字]のとおり。写真・人物・静物にしない 2. [焼く文字] 文字は正確に(改行も)「教室カメラ完備 専用アプリ確認 日本語サポート 英語レベル確認 はじめての英語学童でも安心 1名対応」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure red RGB(255,0,0). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure red RGB(255,0,0) or any similar hue anywhere inside the subject itself. The subject itself contains an opaque panel/card/button shape of colour #b6e4e5; draw that shape solid and fully opaque (no transparency, no pure red RGB(255,0,0) inside it) with its text on it — only the area outside the subject is the flat pure red RGB(255,0,0) background.
8/85/3・箱 390×235 px・写真・fit=cover・参照あり(e491185ccecd.webp)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。この枠には白い文字が重なるので、地は濃く沈める(明度を上げない)。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 390×235px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 1.66:1の横長。焼いたあと中央の 100%×90% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの5%は紙の色 #fffafc だけで平らに塗った余白帯にし(絵の地の色や模様で塗らない)、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [地の模様] 青緑の背景に金銀の星飾り、下部にチェック柄の帯(フッター背景の装飾) この枠に文字は無い。文字・数字・単位・ロゴを一切描かない。 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
8/85/3/1/1・箱 237×58 px・透過・fit=contain・参照なし【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 237×58px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 4.08:1の横長。焼いたあと中央の 100%×37% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの32%は地の色だけの余白帯にし、そこには何も置かない。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 青緑の太い縁取り、白い丸ゴシックの上下配置。板の役割: 運営グループの理念標語。字は[焼く文字]の文言だけ 2. [焼く文字] 文字は正確に「英語で考え、世界へひらく力を育む」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 237×58px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 4.08:1の横長。焼いたあと中央の 100%×37% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの32%は地の色だけの余白帯にし、そこには何も置かない。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] 青緑の太い縁取り、白い丸ゴシックの上下配置。板の役割: 運営グループの理念標語。字は[焼く文字]の文言だけ 2. [焼く文字] 文字は正確に「英語で考え、世界へひらく力を育む」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure red RGB(255,0,0). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure red RGB(255,0,0) or any similar hue anywhere inside the subject itself. The subject itself contains an opaque panel/card/button shape of colour #fdfefe; draw that shape solid and fully opaque (no transparency, no pure red RGB(255,0,0) inside it) with its text on it — only the area outside the subject is the flat pure red RGB(255,0,0) background.
8/85/3/3/1/0・箱 358×108 px・透過・fit=contain・参照あり(ab29061ad0e4__textmasked.png)【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 358×108px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 3.31:1の横長。焼いたあと中央の 100%×45% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの27%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] オレンジの角丸ボタンに白い案内文と右向き矢印。板の役割: 説明会予約への誘導ボタン。字は[焼く文字]の文言だけ 2. [焼く文字] 文字は正確に(改行も)「お近くの校舎で、無料体験・見学とプログラム説明を予約する 月謝と初期費用も確認」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。
【スタイルDNA: パステルピンク・丸角】配色は実測の #fffafc / #ffe9f0 / #c2607f / #f2a3bd / #5a3a45 を骨に置く。書体感は丸ゴシック。角はすべて丸く(最頻 18px・最大 18px)。やわらかさと親しみやすさ、気を張らずに相談できる軽やかさ。光はやわらかく回り込み、影は薄い。布と木の質感を多めに、金属と硬い面は少なめに。 角は丸く、構図はゆったりして余白を広く取る。避ける: 重く沈んだ調子、硬く鋭い陰影。 【文脈】縦長スマホLP(表示幅390px)の1節の中。その節の中の1枠だけを、単独の画像として焼く(節ぜんたいは焼かない)。仕上がりは 358×108px 相当。地色はキャンバスの四辺すべてまで途切れなく塗り切る(額縁・別色の縁を作らない)。【切り】仕上がりの縦横比は 3.31:1の横長。焼いたあと中央の 100%×45% だけを残して外側は切り落とす。構図はその仕上がりの比のまま組み、文字・人物・価格・ボタン・枠線など残したいものは**すべてその中央の帯の内側**へ収める。上下それぞれ高さの27%は地の色だけの余白帯にし、そこには何も置かない。 【参照画像】出典の同じ枠の絵を1枚渡す。借りるのは構図だけ=要素の位置・大きさの比・並ぶ順・余白の取り方・視線の流れを参照と同じにする。参照の色・明度・彩度・地の色・光・質感は一切使わない。色と空気は上の【スタイルDNA】に書いた配色と情緒だけに従う(参照が濃い色でも、DNAが淡い色なら淡い色で描く)。参照に写っている文字・ロゴ・数字・人物の顔は写さない。描く文字は下に列挙したものだけ。 ★最重要ルール:以下に列挙する要素『だけ』を上から順に配置する。列挙していない文字・キャッチ・写真・人物・ロゴ・バッジ・帯・装飾は一切足さない。背景は地のグラデと控えめな地模様のみ。 【配置する要素(これだけ)】 1. [写真] オレンジの角丸ボタンに白い案内文と右向き矢印。板の役割: 説明会予約への誘導ボタン。字は[焼く文字]の文言だけ 2. [焼く文字] 文字は正確に(改行も)「お近くの校舎で、無料体験・見学とプログラム説明を予約する 月謝と初期費用も確認」 日本語テキストは指定の文言を一字一句そのまま、鮮明に描く。字化け・英字混入・架空文言の追加は禁止。 The subject must be fully isolated on a solid uniform background of pure green RGB(0,255,0). Every pixel outside the subject must be exactly that flat background colour. No shadow, no gradient, no glow, no reflection, no vignette, no border, no frame. Do not use pure green RGB(0,255,0) or any similar hue anywhere inside the subject itself. The subject itself contains an opaque panel/card/button shape of colour #ff9c00; draw that shape solid and fully opaque (no transparency, no pure green RGB(0,255,0) inside it) with its text on it — only the area outside the subject is the flat pure green RGB(0,255,0) background.
8/85/3/1/1・箱 237×58 px・組めた・門: cand_1.html PASS・cand_2.html FAILあなたは Web 制作者。次の条件で、箱の中だけで完結する HTML 断片を 1 つ書く。 【箱】幅 237px × 高さ 58px。最外の要素は width:237px;height:58px;box-sizing:border-box;overflow:hidden を持ち、内側の要素は全てこの箱の中に収める(はみ出し禁止・スクロール禁止)。文字は箱の中で全部読める大きさ(最小 10px)で、折り返し・省略(ellipsis)で欠けないこと。文字が箱の丈に収まらないときは、収まるまで字を小さくする(最小 10px)。行を省かない・文言を削らない・箱を広げない。文字を他の面・図形・円で隠さない=文字は自分の箱(overflow:hidden の要素)の中に丸ごと収め、面の縁や別の要素と重ねない。 【形】文字。青緑の太い縁取り、白い丸ゴシックの上下配置。 【トンマナ】パステルピンク・丸角。角丸の基本は 18px。使ってよい色は次の 4 つの hex『だけ』(他の色を作らない・白・黒・グレー・rgb()・rgba()・透明度つきの色も作らない): 板(面・地): #fffafc 字: #5a3a45 強調(面の差し色・アイコン・矢印): #f2a3bd 罫線: #f0d6de 役割は固定: 最外の要素の background は板 #fffafc(画像・グラデ・透明にしない)。字 #5a3a45 は文字の color だけに使う=面・地・帯・箱・丸の background に塗らない。文字は全部 字 #5a3a45(見出しも本文も番号も)。強調 #f2a3bd は面と印(帯・丸・アイコン・矢印)だけ=文字の色にしない(強調の面に文字を載せるときも文字は #5a3a45)。罫線 #f0d6de は罫(border・線・区切り)だけ。 書体は font-family: 游ゴシック, 'Yu Gothic', 游ゴシック体, YuGothic, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', メイリオ, Meiryo, sans-serif を最外の要素に書く。 【文字】次の文言『だけ』を、一字一句そのまま使う(順番は構図に合わせて並べ替えてよい・省いてはいけない・足してはいけない)。数字・単位・記号もこの一覧に無いものは書かない。この一覧の番号(1. 2. …)は文言ではない=書かない。渡した文言以外の文字・記号・ラベル・見出し・注記・装飾の文字(英字の飾り・番号の丸の中の数字も含む)を書かない。数字は渡した文言に在るものだけ。 1. 英語で考え、世界へひらく力を育む 【参照画像】同じ用途の板を 1 枚渡す。借りるのは構図だけ=表の行列・要素の並ぶ順・大きさの比・強調の位置・余白の取り方。参照の色・書体・写真・ロゴ・文字・数字は写さない。参照に見える数値や固有名は絵にも文字にも出さない。 【禁止】外部資産(<link>・<script>・<img src=http…>・url(http…)・Web フォント)。<style> ブロックは使わず inline style だけ。<html>/<body> は書かない。JavaScript を書かない。id 属性を付けない。SVG は inline で書いてよい(アイコン・罫・矢印など)。 【出力】HTML 断片だけを ```html フェンスで 1 つ返す。説明文は書かない。
<div style="width:237px;height:58px;box-sizing:border-box;overflow:hidden;background:#fffafc;font-family:游ゴシック,'Yu Gothic',游ゴシック体,YuGothic,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro',メイリオ,Meiryo,sans-serif;border:2px solid #f0d6de;border-radius:18px;position:relative;"> <div style="position:absolute;left:8px;top:8px;width:16px;height:16px;background:#f2a3bd;border-radius:18px;box-sizing:border-box;"
8/85/3/3/1/0・箱 358×108 px・組めた・門: cand_1.html PASS・cand_2.html PASSあなたは Web 制作者。次の条件で、箱の中だけで完結する HTML 断片を 1 つ書く。 【箱】幅 358px × 高さ 108px。最外の要素は width:358px;height:108px;box-sizing:border-box;overflow:hidden を持ち、内側の要素は全てこの箱の中に収める(はみ出し禁止・スクロール禁止)。文字は箱の中で全部読める大きさ(最小 10px)で、折り返し・省略(ellipsis)で欠けないこと。文字が箱の丈に収まらないときは、収まるまで字を小さくする(最小 10px)。行を省かない・文言を削らない・箱を広げない。文字を他の面・図形・円で隠さない=文字は自分の箱(overflow:hidden の要素)の中に丸ごと収め、面の縁や別の要素と重ねない。 【形】文字。オレンジの角丸ボタンに白い案内文と右向き矢印。 【トンマナ】パステルピンク・丸角。角丸の基本は 18px。使ってよい色は次の 4 つの hex『だけ』(他の色を作らない・白・黒・グレー・rgb()・rgba()・透明度つきの色も作らない): 板(面・地): #fffafc 字: #5a3a45 強調(面の差し色・アイコン・矢印): #f2a3bd 罫線: #f0d6de 役割は固定: 最外の要素の background は板 #fffafc(画像・グラデ・透明にしない)。字 #5a3a45 は文字の color だけに使う=面・地・帯・箱・丸の background に塗らない。文字は全部 字 #5a3a45(見出しも本文も番号も)。強調 #f2a3bd は面と印(帯・丸・アイコン・矢印)だけ=文字の色にしない(強調の面に文字を載せるときも文字は #5a3a45)。罫線 #f0d6de は罫(border・線・区切り)だけ。 書体は font-family: 游ゴシック, 'Yu Gothic', 游ゴシック体, YuGothic, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', メイリオ, Meiryo, sans-serif を最外の要素に書く。 【文字】次の文言『だけ』を、一字一句そのまま使う(順番は構図に合わせて並べ替えてよい・省いてはいけない・足してはいけない)。数字・単位・記号もこの一覧に無いものは書かない。この一覧の番号(1. 2. …)は文言ではない=書かない。渡した文言以外の文字・記号・ラベル・見出し・注記・装飾の文字(英字の飾り・番号の丸の中の数字も含む)を書かない。数字は渡した文言に在るものだけ。 1. お近くの校舎で、無料体験・見学とプログラム説明を予約する 2. 月謝と初期費用も確認 【参照画像】同じ用途の板を 1 枚渡す。借りるのは構図だけ=表の行列・要素の並ぶ順・大きさの比・強調の位置・余白の取り方。参照の色・書体・写真・ロゴ・文字・数字は写さない。参照に見える数値や固有名は絵にも文字にも出さない。 【禁止】外部資産(<link>・<script>・<img src=http…>・url(http…)・Web フォント)。<style> ブロックは使わず inline style だけ。<html>/<body> は書かない。JavaScript を書かない。id 属性を付けない。SVG は inline で書いてよい(アイコン・罫・矢印など)。 【出力】HTML 断片だけを ```html フェンスで 1 つ返す。説明文は書かない。
<div style="width:358px;height:108px;box-sizing:border-box;overflow:hidden;background:#fffafc;font-family:游ゴシック,'Yu Gothic',游ゴシック体,YuGothic,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro',メイリオ,Meiryo,sans-serif;border:1px solid #f0d6de;border-radius:18px;padding:8px;display:flex;flex-direction:column;gap:6px;"> <div style="height:62px;box-sizing:border-box;background:#f2a3bd;border:1px solid #f0d6de;bor
パーツ: 文字の穴(HTML)1・絵に焼く字 0・読めていない絵 0・画像の枠 0・DOM 板 0・CSS 0
| 役割 | 出典の文面(要約) | 書いた文言(=紙面の文言) | 発注の狙い |
|---|---|---|---|
| 著作権表示の文面 | © YARUKI Switch Group All Rights Reserved. | © ネスグローバル株式会社 本サイト内の文章・画像の無断転載を禁じます。 | 字数 5〜65・切らない |
同じ骨・同じ商材で 13 回作り直してきた。各周で「人の目」(節ごとに 出せる/直せば出せる/出せない を人が付ける)と門の数を測り、下がった原因を規則か門に変えて次の周に入れる。出典は pipeline-go/docs/14_複合LP_実行計画.md §6(実測の記録)。
| 周 | 紙面 | 日付 | 何を直したか(1 行) |
|---|---|---|---|
| 1本目 | ness_v4 | 2026-08-26 | 骨 kidsduo 45 節+出し手 4 節を初めて合成。焼き 74 枚。採点の器が別商材に未対応で run が途中停止し、手で繋いで紙面を建てた。人の目: 出せる 8/直せば 19/出せない 18。 |
| 2本目 | ness_v5 | 2026-08-26 | 別商材モードを opt-in にして 41 工程が exit 0。板 32 枠を焼き・ロゴ 12 を SVG にして「担当なしの枠」48 → 0。ただし参照つきで焼いた板・写真に出典の文言・数字が 23 枠戻った。人の目 11/16/18。 |
| 3本目 | ness_v6 | 2026-08-26 | 節の取捨を人の決定の表で確定(S36/S37 drop・S16/S40 force-drop → 41 節)。字の箱を潰した参照(textmask)の実験で出典の字の戻りが 15/23 → 4/22。人の目 18/19/4。 |
| 4本目 | ness_v7 | 2026-08-26 | 字を潰した参照を 44 枠へ拡大し、新しい門 check_imgsrctext が PASS(出典の字が戻った絵 0/108)。丈 0 の隠れた器(S08/S09)を開いた。人の目 20/19/2。 |
| 5本目 | ness_v8 | 2026-08-26 | 焼く指示から出力に効かない内部情報(節番号・実測色・役割名)を外し、写真枠は自然な色に、文言は出典と同じボリュームで創作に。人の目 26/13/2。Cloudflare Pages での公開を開始。 |
| 6本目 | ness_v9 | 2026-08-26 | 枠の性質(frame_nature)から当て込みを規則 1 箇所で引く形に。Vision の再現度の門 2 本を追加。板を透過で抜いた結果、字が地に溶けて人の目 26 → 22 に後退——どの門も拾わず、「板は抜かない」の決めが生まれた。 |
| 7本目 | ness_v10 | 2026-08-26 | 推定 br の積み上げ停止(88→5)・透過枠に内側の板色・板は cover で透過しない・空き帯と br の門 check_gaps を追加。人の目 25 出せる。 |
| 8本目 | ness_v11 | 2026-08-27 | 節の境を DOM の根の rect で切る(secpos_dom)・透過の形の門 check_alpha_shape を追加・地の絵柄は CSS へ。 |
| 9本目 | ness_v12 | 2026-08-27 | 板の DOM 化(gpt-5.5 が HTML 断片で組む)を ON 40 枠で初走。組めた 22。焼いた板の字化け・出典の字の戻りを、検査できる HTML に置き換える道へ。 |
| 10本目 | ness_v13 | 2026-08-27 | 出典の原画の写しの門 check_srcimg を追加(写し 26 → 0 へ向けた戻し先の修正)・板の色の規則化。写し 6 が残り未公開。人の目 23/10/8。 |
| 11本目 | ness_v14 | 2026-08-27 | 罫・ベタは CSS で引く(N-15)・text_coverage・役割色・板の候補の上限 0.35・焼きの時限 600s。板 ON 40/組めた 38。人の目 30/8/3。節ごとのレビュー頁を公開。 |
| 12本目 | mat_v15 | 2026-08-29 | 作業場を恒久の置き場へ復旧して完走。ただし mat_v15 に logomap.json と文言の正本が無く、css_fill 13 枠が紙面に入らず商標文字が残った=公開条件を満たさず未公開。 |
| 13本目 | mat_v16 | 2026-08-29 | 穴を全部埋めて完走。check_srcimg 7 → 0・紙面の商標文字 0・増えた br 5 → 0 で公開条件を満たし、公開(現在の紙面 ness_v16)。人の目 41 節: 成り立つ 27/直せば 11/成り立たない 3。 |
「不合格」は隠さずそのまま載せる——門は出荷判定ではなく、直すべき点の申告。母数の申告が無い合格・母数 0 の合格は基盤が不合格にする。
| 工程 | 門 | 何を守る門か | 判定 | 母数の申告 |
|---|---|---|---|---|
| LPK2 | check_composecopy.mjs | 合成した spec の文言が出典の写しになっていないか(字の突き合わせ) | 不合格 | 母数: spec 1 / カード 0 / 値を持つセル 0 / 12字以上の文字列 100 / 6字以上の文字列 153 |
| LPK2 | check_anim.py | 出典のアニメ絵(コマもの)の持ち込みが無いか | 不合格 | 母数: 見た出典 0 / 調べた絵のファイル 0 / コマ数を読めた 0 |
| LPK2 | check_ground.mjs | 出典の地(背景)の持ち込みが無いか | 不合格 | 母数: 見た出典 1 |
| LPK2C | check_toneguard_dir.mjs | トンマナの色が規則の範囲に収まるか | 合格 | 母数: トンマナ 3 / 測れた組(出典×役割) 6 |
| LPK4B | check_board_html.py | DOM 板がはみ出し・色・文言一致の規則を守るか | 不合格 | 母数: ON の枠 38 |
| LPK4L | check_offcanvas.mjs | 版面の外に文字が出ていないか | 不合格 | 母数: 検査した頁 1 / 版面の外の文字 0 |
| LPK4L | check_hiddencolor.mjs | 宣言した色と描かれた色が食い違っていないか | 不合格 | 母数: 突き合わせた口(色の宣言のうち描かれた値を読めるもの) 207 / 色の宣言 173 |
| LPK4L | check_report_page.mjs | 紙面レポート(画像・見出し)の整合 | 不合格 | 母数: 画像 40 / 見出し 4 |
| LPK4L | check_images.mjs | 紙面の画像が全部読める形で載っているか | 合格 | 母数: 検査した頁 1 / 画像 40 |
| LPK4L | check_readable.mjs | 文字の箱が読める大きさ・コントラストか | 不合格 | 母数: 頁 1 / 文字の箱 257 |
| LPK4L | check_viewport.mjs | viewport・退役した宣言の整合 | 不合格 | 母数: 出力したLP(lp.html) 5 / 退役の宣言 35 |
| LPK4L | check_localize | 外部 URL が写しへ差し替わっているか(自己完結) | 合格 | 母数: 紙面が指した外のURL(重複なし)+写しの目録に載っているファイル 731 |
| LPK4S | check_srcimg.py | 出典の原画の写しが紙面に残っていないか(公開条件) | 合格 | 母数: 紙面の絵 65 / 出典の原画 369 |
| LPK5 | check_tonefit_page.py | 紙面全体の色みがトンマナに収まるか | 合格 | 母数: 測った画素 3,892,027 / 色みのある画素 606,165 / 対照のトンマナ 2 |
| LPK5 | check_crossground.mjs | 節の地をまたいで置かれた文字が無いか | 不合格 | 母数: 文字の箱 257 / 節 41 |
| LPK5 | check_bside_seam.py | 節の境目の継ぎ目が揃っているか | 不合格 | 母数: 節 41 / 測れた境目 38 |
| LPK5A | check_alpha_shape.py | 透過絵の形(四隅が透けているか) | 不合格 | 母数: 原画が透明な枠 35 / 測れた 33 |
| LPK5G | check_gaps.py | 空き帯・br・節の丈 | 不合格 | 母数: 文字節点 299 / 両方に在る節 41 / 空き帯を測った節 41 |
| LPK7U | check_uniform.py | 出典と紙面の字の統計の一致(節ごと) | 不合格 | 母数: 出典×指標の組 9 / 節 41 / 字 3,508 |
| LPK7U | check_uniform_flow.py | 出典と紙面の字の統計の一致(節ごと) | 不合格 | 母数: 版×指標の組(幅がある指標だけ) 13 / 版 1 / 幅がある指標 13 |
| LPK8F | lp_imgfit.py | 当て込みの崩れ(画素の突き合わせ) | 不合格 | 母数: 的の枠 95 / 紙面で引けた 51 / 出典の原画を読めた 49 |
| LPK8F | check_imgfit_vision.py | 出典の原画と並べた構図・欠け(Vision) | 不合格 | 母数: 的の枠 95 / 読めた枠 45 |
| LPK8G | lpkitverdict leak | 焼いた絵へのロゴ・規律違反の混入(Vision) | 不合格 | 母数: 測れた 95 |
| LPK8G | lpkitverdict imgwords | 焼いた絵の中の他商材の語(Vision) | 不合格 | 母数: 測れた 83 |
| LPK8P | lpkitverdict refs | 参照つきで焼けたかの束 | 不合格 | (門を組み立てられなかった) |
| LPK8P | lpkitverdict imggen | 焼きの成否の束 | 不合格 | (門を組み立てられなかった) |
| LPK8P | lpkitverdict qual | 焼きの品質採点の束 | 不合格 | (門を組み立てられなかった) |
| LPK8S | check_imgsrctext.py | 焼いた絵に出典の文言が戻っていないか | 不合格 | 母数: 読めた絵 94 / 出典の字 62,953 |
20260829_1918_ness_v9(工程 24・外部コマンド 46 本 exit 0・門 合格 5/不合格 23)と入口 mat_v16・発注書 copyreq_v16 の実物だけから、決定的な抽出(tools/explain_extract.py → flow.json / sections_explain.json / counts.json)を経て組んだ。帯は幅 390px の WebP(q70)に落として埋め込んだ。この頁自体も tools/explain_page.py で決定的に生成している。