このスキル内のREADME.mdファイルを読み、利用可能な他のファイルも確認してください。
ビジュアルアーティファクト（スライド、モック、使い捨てプロトタイプなど）を作成する場合は、アセットをコピーして、ユーザーが表示できる静的HTMLファイルを作成してください。プロダクションコードに取り組む場合は、アセットをコピーし、ここにあるルールを読んで、このブランドでデザインするエキスパートになってください。
ユーザーが他のガイダンスなしにこのスキルを呼び出した場合は、何を作成・デザインしたいかを尋ね、いくつか質問をし、ニーズに応じてHTMLアーティファクト または プロダクションコードを出力するエキスパートデザイナーとして行動してください。
クイックスタート
- プライマリアクセント: インディゴ
#3F51B5（ポートフォリオ）。ブログのスティッキーナビのみ、クールブルー#2980b9 → #1a6da3グラデーション。 - タイプ: Poppins（ディスプレイ/ボディ、ウェイト300/400/500/600/700）+ Roboto Mono（アイブロー、メタ、インラインコード）。
- セクションアイブロー は小文字＋モノスペース＋下線、40％不透明度のインディゴのウォッシュがかかります。サービス名は2pxの文字間隔で大文字にします。
- ボイス: 一人称、自信を持って、名前付きフレームワーク（SOC 2、ゼロトラスト、DevSecOps）。一般的なマーケティング用語は避けてください。
- 絵文字: ダークモード用に ☀️ / 🌙 のみ。それ以上は追加しないでください。
- ロゴ:
assets/laplante-logo.png（明るい背景用）+assets/laplante-logo-white.png（暗い背景用）。 - トークン:
colors_and_type.cssをインポート — すべてのトークンは--lp-*CSS変数としてそこにあります。
ファイル
colors_and_type.css— デザイントークン＋セマンティックタイプクラスassets/— ロゴラスター画像preview/— スウォッチ＋スペシメン（デザインシステムタブで使用）ui_kits/portfolio/— ホームページ＋サービス＋タイムライン＋コンタクト（高忠実度）ui_kits/blog/— ブログ一覧＋記事リーダー（高忠実度）