html-ppt-zhangzara-capsule

Capsule

温かみのあるボーンカラーに、パステルカラーを全面的に取り入れた、モジュール式のカプセル型カードです。

タイポグラフィ、カラーパレット、装飾システム、スライドの表現がすべて一体となった、単独で動作するHTMLデッキです。テンプレート間でレイアウトを組み合わせるとシステムが崩れるため、このデッキ内で統一してください。

概要

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

おすすめの用途

モジュール式でモダン、少しY2K風の雰囲気にしたい場合におすすめです。ライフスタイルブランド、クリエイターのポートフォリオ、DTCのローンチ、美容・ウェルネス、エージェンシーの実績紹介などに適しています。ポップアートのような明快さを重視する、遊び心のあるテックデモやリサーチデッキにもぴったりです。

避けたほうがよい用途

伝統的で重厚な組織らしさが求められる場面には適しません。カプセル型の形状とパステルカラーが、権威ある印象を和らげてしまいます。

ワークフロー

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

出力規約

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

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