splatstudio

デジタルeガイドスキル

2ページのデジタルガイドプレビューを横並びで生成します。カバーはインラインスタート側、見開きはインラインエンド側に配置。ライフスタイルクリエイタートーンで、たっぷりとしたネガティブスペース、セリフ表示見出し、注意深いカラムリズムを採用します。

ワークフロー

1. アクティブなDESIGN.mdを読む（上記にインジェクト済み）。タイトル用のセリフ表示トークン（イタリック合字推奨）、長文用のボディセリフ、統計/ラベル用のモノトークンを選択します。
2. ブリーフからトピック＋著者を選択。実際のタイトル（例：「クリエイターのスタイル＆フォーマットガイド」）、サブタイトル、1行の著者名を生成します。
3. レイアウト — 着色した背景に2ページを中央配置：
   • ページ1 — カバー：
     • アイブロウ（「クリエイターのためのスタイル＆フォーマットガイド」）。
     • 混在ウェイトの表示タイトルと1つのイタリックフラリッシュ単語（「クリエイターのスタイル＆フォーマットガイド」 — ＆ と ガイド はイタリック）。
     • 3セルの統計行（「スタイルの16原則」、「38のDo＆Don't」、「1ブロック、ゼロテンプレート」）をモノスペースで、· で区切って表示。
     • 「What's inside」ヘッダーと2カラムの目次（章＋モノスペースのページ番号、リーダードット付き）。
     • フッター：「FIND YOUR VOICE」＋ページ01（モノスペース）。
     • 控えめな装飾ドットまたはステッカー（CSS）を隅に。
   • ページ2 — 見開き：
     • 章番号＋章名のアイブロウ（「CHAPTER 02 · トーン」）。
     • 表示サブタイトル（「話すように書け — ただしもっと鋭く」）。
     • 2カラム本文：導入段落＋番号付き4ステップリスト（「01 ルールを選ぶ」、「02 フィラーを削る」…）。
     • インラインエンドに固定されたプルクオート：ラテン文字の場合は大きなイタリック表示とアクセントカラーを使用；アラビア語、ペルシア語、ウルドゥー語の場合は通常またはライト強調（イタリックは不可）；ヘブライ語の場合は通常またはライト強調（イタリックは不可）。帰属表示を含む（スクリプト認識対応）。
     • 下部ストリップに「EXERCISE」コールアウト（モノラベル＋1文のプロンプトをイタリックで）。
     • フッター：章タイトル＋ページ18（モノスペース）。
4. 単一のHTMLドキュメントを作成：
   • <!doctype html> から </html> まで、CSSはインライン。
   • ページは600×860の用紙トーンカードで、6pxの影、互いにわずかに回転（±0.6度）させて机の上の雑誌のような印象に。
   • カバー、見開き、目次、プルクオート、エクササイズに data-od-id を付与。
5. 自己チェック：
   • タイプ階層は編集者風 — タイトルがページ1を支配し、サブタイトルがページ2を支配。
   • イタリックアクセントは各ページに1回のみ。
   • モノスペースはラベル、統計、目次の数字のみに使用。

出力契約

<artifact> タグで囲んで出力：

<artifact identifier="eguide-slug" type="text/html" title="E-Guide — タイトル">
<!doctype html>
<html>...</html>
</artifact>

アーティファクトの前に1文、後に何もなし。