html-ppt-zhangzara-mat

Mat

ダークセージのキャンバスに、ボーンカラーの紙とバーントオレンジのアクセント。木の風合いを感じさせる、ミッドセンチュリーモダンなデザインです。

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

概要

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

おすすめの用途

ミッドセンチュリーらしさ、手触り、意図の明確さを感じさせたい用途全般に適しています。デザインスタジオの実績紹介、建築・インテリアブランド、陶芸・工芸・家具、アドバイザリーのデッキなどにおすすめです。また、デジタルらしいクールさではなく、丁寧に作り込まれたアナログ感を求めるテック、リサーチ、ビジネスのデッキにも、温かみと個性を添えられます。

避けたほうがよい用途

スピード感のあるテックらしさや、組織的で抑制の効いた印象が必要な場面には向きません。落ち着いたセージとバーントオレンジの配色は、意図的に温かく、ゆったりとした印象に仕上げています。

ワークフロー

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

出力仕様

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

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