html-ppt-zhangzara-blue-professional

Blue Professional

クリーム色の用紙を背景に、鮮やかなコバルトブルーをアクセントとして配した、すっきりとしたモダンでプロフェッショナルなデザインです。

タイポグラフィ、配色、装飾システム、スライドの語彙がすべて連動する、単一の自己完結型 HTML デッキです。テンプレート間でレイアウトを混在させるとシステムが崩れるため、このテンプレート内で統一してください。

概要

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

おすすめの用途

モダンで練られた印象と、ほどよい権威性を感じさせたいあらゆる場面に適しています。B2B SaaS の提案資料、コンサルティングの成果物、アドバイザリーの進捗報告、投資家向けレポートなどが挙げられます。また、堅苦しくならずにプロフェッショナルな印象を与えたいときにも、すっきりと品のある選択肢です。調査結果の統合、社内レビュー、サービス業のブランド資料などにも適しています。

避けたほうがよい用途

デッキに情熱的で遊び心がある、または意図的にくだけた雰囲気が求められる場面では、クールで鮮やかなブルーを抑制的に用いたデザインが、洗練されすぎた印象になる可能性があります。

ワークフロー

1. example.html を複製し、ユーザーのワークスペースに作業ファイルとして配置します。
2. プレースホルダーのコンテンツを、ユーザーの実際の見出し、本文、数値、名前、日付、セクションラベルに置き換えます。画像のプレースホルダーを差し替える際は、既存の寸法に合わせます。
3. デザインシステムを維持します。 フォントの差し替え、配色の変更、レイアウトグリッドの再構成、装飾要素（コーナーの括弧、紙のテクスチャ、幾何学模様、イラスト付き SVG）の削除は行わないでください。これらはデザインのアイデンティティを構成する要素です。
4. レイアウトを複製してデッキの長さを調整します。 ユーザーのコンテンツがデモに収まらない場合は、最も適したレイアウトの既存スライドを複製します。コンテンツが少ない場合は、末尾からスライドを削除します。ページ番号のラベルも更新してください。
5. 不足しているレイアウトを設計する場合: スライドにテンプレートにないレイアウトが必要であれば、同じフォント、配色、装飾の語彙、余白のリズム、コンポーネントの文法を用いて一から設計してください。別のテンプレートに切り替えないでください。
6. 同梱されているナビゲーションのランタイムをそのまま維持します。 デッキに assets/deck-stage.js またはインラインのキーボードハンドラーが含まれている場合は、そのまま残してください。

出力仕様

<artifact> タグの間に出力してください。

<artifact identifier="zhangzara-blue-professional" 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 を参照してください。