# Note Article Visual Style Presets

Use these presets when the user wants to choose the image taste for note article visuals. Keep one preset consistent across all images in an article unless the user explicitly asks to mix styles.

## Quick Menu

```text
01 cinematic-anime       物語性のあるアニメ調・光・感情訴求
02 soft-lifestyle        やさしい暮らし写真風・自然光・女性向け
04 handwritten-concept   手書きノート風・概念整理・親しみ
05 clean-diagram         図解カード・比較・手順・解説
08 calm-premium          高級感・静けさ・深い信頼
09 watercolor-essay      水彩画の挿絵・やさしい余韻・内省
10 mono-cyan-line        白黒線画＋水色アクセント・軽い解説
11 simple-flat           シンプルなフラット挿絵・実用記事
12 pencil-sketch         鉛筆スケッチ・設計/思考整理
13 pixel-art             現代的ピクセルアート・親しみ・軽い未来感
14 soft-woman-line       やさしい女性線画・淡色塗り・親しみ
15 brown-woman-line      茶色線の女性イラスト・表情/しぐさ
16 blue-line-tech        淡い青線テック図解・AI/資料整理
```

## 01 cinematic-anime

Use for:
- note記事の途中に挿絵として大きく入れたい
- 感情、変化、気づき、未来感、AI、占い、自己理解

Visual cues:
- cinematic anime illustration
- expressive lighting, glow, depth
- wide 16:9 scenes
- consistent protagonist or motif across images
- no readable text in image

Prompt phrase:
`Image 2.0相当の高品質な横長16:9イラスト。上品なアニメ調・シネマティック。感情が伝わる一枚絵。画像内に文字・ロゴ・UI文字を入れない。`

Avoid:
- childish manga look
- over-saturated game UI
- random symbols unrelated to the article

## 02 soft-lifestyle

Use for:
- 暮らし、花、子育て、食、女性向け、ケア、やさしいサービス

Visual cues:
- natural light, warm room, real-life scenes
- cream, pale green, soft yellow
- calm photo-like or gentle illustration
- human hands, desk, flowers, home objects

Prompt phrase:
`Image 2.0相当の高品質な横長16:9。やさしい暮らしの写真風または柔らかいイラスト。自然光、クリーム、淡いグリーン、余白。画像内に文字を入れない。`

Avoid:
- too cute, childish, overly pastel
- stock-photo emptiness

## 04 handwritten-concept

Use for:
- 思考整理、学び、講座、ワーク、手順の導入

Visual cues:
- notebook, desk, pen, sticky notes
- hand-drawn arrows and simple marks
- warm paper texture
- can include very short Japanese labels only when requested

Prompt phrase:
`Image 2.0相当の高品質な横長16:9。手書きノート風の思考整理ビジュアル。ノート、ペン、付箋、やわらかい光。必要な場合のみ短い日本語ラベル。`

Avoid:
- cluttered text
- childish doodles

## 05 clean-diagram

Use for:
- 図解、比較、手順、チェックリスト、まとめカードを明示された時

Visual cues:
- clean cards, simple labels, numbered steps
- white/cream background, strong contrast
- exact Japanese text must be specified

Prompt phrase:
`Image 2.0相当の高品質な図解カード。日本語テキストは指定どおり。余白多め、読みやすい太めゴシック、情報量は少なめ。`

Avoid:
- using this for ordinary "画像を入れて" requests
- dense paragraphs inside images

## 08 calm-premium

Use for:
- 高価格、鑑定、コンサル、深い信頼、静かな変化、上質感

Visual cues:
- quiet premium, not black/gold template
- low saturation, deep shadows, warm highlights
- elegant composition, fewer elements
- relief and trust rather than status

Prompt phrase:
`Image 2.0相当の高品質な横長16:9。静かな高級感、深い信頼、余白、低彩度、温かいハイライト。画像内に文字を入れない。`

Avoid:
- glittery luxury
- hotel-like generic premium

## 09 watercolor-essay

Use for:
- やさしい読み物、暮らし、ケア、内省、エッセイ
- 読者の気持ちをゆるめたい中盤の挿絵

Visual cues:
- watercolor illustration on warm paper texture
- soft daylight, gentle desk or life scene
- pale green, cream, muted peach, light gray
- no readable text in image

Prompt phrase:
`Image 2.0相当の高品質な横長16:9水彩画風イラスト。やさしい余韻、淡い自然光、紙の質感、余白。画像内に文字・ロゴ・UI文字を入れない。`

Avoid:
- too sweet or childish
- washed-out subject with no focal point

## 10 mono-cyan-line

Use for:
- 解説、手順、ツール紹介、知的で軽い記事
- 本文を邪魔しない白黒挿絵が欲しいとき

Visual cues:
- simple black-and-white line art
- white background with lots of negative space
- light cyan `#8fd8ff` as the only accent color
- clean editorial spot illustration
- no readable text in image

Prompt phrase:
`Image 2.0相当の高品質な横長16:9。白背景に黒のシンプルな線画、アクセントは淡い水色 #8fd8ff のみ。余白多め、知的で軽いエディトリアル挿絵。画像内に文字・ロゴ・UI文字を入れない。`

Avoid:
- extra accent colors
- childish cartoon style
- dense UI details or tiny unreadable text

## 11 simple-flat

Use for:
- ツール紹介、制作手順、AI活用、ノウハウ記事
- 明るくわかりやすいが、子どもっぽくしたくないとき

Visual cues:
- modern flat illustration
- simple shapes, clean outlines, balanced grid
- off-white, soft green, muted yellow, warm coral, small navy accents
- no readable text in image

Prompt phrase:
`Image 2.0相当の高品質な横長16:9。シンプルなフラットイラスト、実用記事に合う明るさ、余白、整理された構図。画像内に文字・ロゴ・UI文字を入れない。`

Avoid:
- generic SaaS decoration
- overly cute icons
- too many small interface elements

## 12 pencil-sketch

Use for:
- 思考整理、設計、制作過程、ラフ案、構成づくり
- 手作業感や試行錯誤を見せたいとき

Visual cues:
- graphite pencil sketch
- notebook spread, rough thumbnails, arrows, layout planning
- grayscale, off-white paper, faint warm shadow
- no readable text in image

Prompt phrase:
`Image 2.0相当の高品質な横長16:9鉛筆スケッチ風イラスト。ノート、ラフ案、サムネイル、矢印、制作過程の雰囲気。文字は入れず抽象的な線だけにする。`

Avoid:
- messy clutter
- readable handwritten text
- photorealistic pencil-only still life with no article context

## 13 pixel-art

Use for:
- AI活用、ツール紹介、制作過程、軽い未来感のある読み物
- 親しみは出したいが、子どもっぽいゲーム風には寄せたくない時

Visual cues:
- modern pixel art, not retro game UI
- warm desk, laptop, article drafts, image cards, quiet glow
- restrained palette with soft cyan accent
- clean 16:9 composition with clear focal point
- no readable text in image

Prompt phrase:
`Image 2.0相当の高品質な横長16:9ピクセルアート。現代的で読み物に合う洗練されたピクセルアート。温かい室内、作業机、ノートPC、原稿、画像カード、淡い水色の光。画像内に文字・ロゴ・UI文字を入れない。`

Avoid:
- old-school game screen or RPG interface
- too many tiny UI details
- neon-heavy cyberpunk look

## 14 soft-woman-line

Use for:
- 親しみやすい人物イラストを本文中に入れたい時
- 講座、研修、働き方、学び、日常の説明記事
- 読者にやさしく話しかける雰囲気を出したい時

Visual cues:
- simple black line female character illustration
- round face, minimal eyes and mouth, friendly expressions
- upper-body poses such as thinking, waving, explaining, holding a note
- small areas of pale yellow, pale blue, or light gray fill
- white background and generous negative space
- no readable text in image

Prompt phrase:
`Image 2.0相当の高品質な横長16:9。白背景、黒のシンプルな線画、女性の顔と上半身のやさしい人物イラスト。丸い顔、少ない線、親しみやすい表情、淡い黄色・淡い水色・薄いグレーを少量だけ使う。画像内に文字・ロゴ・UI文字を入れない。`

Avoid:
- overly cute mascot style
- detailed anime face
- strong colors or thick comic outlines
- slide-frame or carousel layout dominating the image

## 15 brown-woman-line

Use for:
- できないこと、迷い、気づき、注意点などをやわらかく伝えたい時
- シンプルな説明スライド風の記事画像
- 余白が多く、落ち着いた手描き感を出したい時

Visual cues:
- thin brown hand-drawn female character line art
- white background, very sparse composition
- expressive poses such as worried, noticing, pointing, holding a small sign
- optional faint pastel marker strokes behind the character
- almost no fill color
- no readable text in image

Prompt phrase:
`Image 2.0相当の高品質な横長16:9。白背景、焦げ茶色の細い手描き線で描く女性の顔と上半身のミニマルイラスト。心配する、気づく、説明するなどのやさしい表情としぐさ。淡いピンク・淡い水色・薄紫の半透明マーカー帯を少しだけ入れる。画像内に文字・ロゴ・UI文字を入れない。`

Avoid:
- comic-like exaggeration
- dense slide text inside the image
- black-heavy outlines
- decorative backgrounds that overpower the character

## 16 blue-line-tech

Use for:
- AI、資料整理、自動化、情報管理、ツール紹介
- 仕組みやデータの流れを清潔に見せたい時
- 企業向け・マニュアル向けの上品なテック挿絵

Visual cues:
- white background, airy composition
- pale blue and navy-blue fine line art
- folder, documents, AI brain, laptop, app panels, connection lines
- very light shadows and soft blue glow
- generous whitespace, no dense UI
- no readable text in image

Prompt phrase:
`Image 2.0相当の高品質な横長16:9。白背景に淡い青の線画、清潔で上品なテック系説明ビジュアル。フォルダ、書類、AIの脳アイコン、ノートPC、接続線と点線。輪郭は細いネイビー寄りのブルー、影はごく淡く、余白多め。画像内に文字・ロゴ・UI文字を入れない。`

Avoid:
- noisy futuristic UI
- dark cyberpunk look
- readable fake text
- complex dashboard details
