html-ppt-zhangzara-pink-script

Pink Script — After Hours

黒いキャンバス、鮮やかなピンクのアクセント、パールクリーム色の紙、Instrument Serif の見出しが織りなす、深夜のエディトリアルなラグジュアリー。

タイポグラフィ、パレット、装飾の仕組み、スライドの表現はすべて一体となって調整された、単一の自己完結型 HTML デッキです。テンプレート間でレイアウトを混在させるとシステムが崩れるため、このテンプレートの範囲内で使用してください。

概要

• 配色: ダーク
• フォーマル度: 中〜高
• 情報密度: 低
• デモのスライド数: 9

おすすめの用途

夜の雰囲気があり、意図的にデザインされ、少しラグジュアリーな印象を与えたいあらゆる用途に適しています。ファッションブランドのデッキ、クリエイターのパーソナルブランド、深夜・ナイトライフ・スピリッツのローンチ、ラグジュアリー商品の発表、エディトリアル記事などです。また、魅惑的な自信を印象づけたいテクノロジーの基調講演、調査結果の統合、ビジネスピッチにも、意外性があり目を引く選択肢です。

避けたほうがよい用途

黒いキャンバスに鮮やかなピンクのアクセントを組み合わせると、デザインの主張が強すぎたり、表現が豊かすぎたりする印象になる、日中の企業向けプロフェッショナルな場面や従来型の B2B の文脈には適しません。

ワークフロー

1. example.html と assets/ フォルダーを両方、ユーザーのワークスペースに複製します。 このテンプレートには、キーボードナビゲーションとステージ描画を担うランタイム assets/deck-stage.js が含まれています。HTML では assets/deck-stage.js として参照しているため、このファイルは複製した HTML と同じ場所に配置する必要があります。配置しない場合、生成された成果物でパスが 404 となり、ナビゲーションが通知なしに機能しなくなります。単一の自己完結型ファイルを優先する場合は、HTML 内の単一の <script> ブロックに JS をインラインで記述してもかまいません。
2. プレースホルダーのコンテンツを、ユーザーの実際の見出し、本文、数値、名前、日付、セクションラベルに置き換えます。画像のプレースホルダーを差し替えるときは、既存の寸法に合わせてください。
3. デザインシステムを維持します。 フォントの置き換え、パレットの色変更、レイアウトグリッドの再構成、装飾要素（コーナーブラケット、紙の質感、幾何学模様、イラスト付き SVG）の削除は決して行わないでください。これらはデザインのアイデンティティの一部です。
4. レイアウトを複製してデッキの長さを調整します。 ユーザーのコンテンツがデモの容量を超える場合は、最も適したレイアウトの既存スライドを複製します。少ない場合は、末尾のスライドを削除します。ページ番号のラベルも更新してください。
5. 不足しているレイアウトのデザイン: テンプレートにないレイアウトが必要な場合は、同じフォント、パレット、装飾表現、余白のリズム、コンポーネントの文法を使って一からデザインしてください。別のテンプレートに切り替えることは決してしないでください。
6. ナビゲーションのランタイムは提供された状態のまま維持します。 デッキに assets/deck-stage.js またはインラインのキーボードハンドラーが含まれている場合は、そのまま残してください。

出力仕様

<artifact> タグで囲んで出力します。

<artifact identifier="zhangzara-pink-script" type="text/html" title="Deck Title">
<!doctype html>
<html>...</html>
</artifact>

ソースとライセンス

MIT ライセンスの上流リポジトリ zarazhangrui/beautiful-html-templates から取り込まれています。

著作権表示を含む上流の MIT ライセンス全文は、このスキル内の LICENSE に収録されています。また、example.html、template.json、または取り込まれた assets/ ランタイムのコピーを配布する際は、ライセンスも併せて再配布する必要があります。上流メタデータのスナップショットについては、template.json を参照してください。