请阅读此技能中的 README.md 文件，并探索其他可用文件。
如果要创建视觉作品（幻灯片、模拟图、一次性原型等），请将资源复制出来，并创建供用户查看的静态 HTML 文件。如果正在处理生产代码，可以复制资源并在此处阅读规则，以便成为此品牌设计方面的专家。
如果用户在没有其他指导的情况下调用此技能，请询问他们想要构建或设计什么，提出一些问题，然后充当专家设计师，根据需求输出 HTML 产物 或 生产代码。
快速入门
- 主要强调色： Indigo
#3F51B5（作品集）。博客粘性导航仅使用更冷的蓝色#2980b9 → #1a6da3渐变。 - 字体： Poppins（标题/正文，字重 300/400/500/600/700）+ Roboto Mono（眉毛标题、元数据、内联代码）。
- 章节眉毛标题 为小写 + 等宽字体 + 下划线，并使用 40% 透明度的靛蓝冲洗色。服务标题为全大写，字间距 2px。
- 语气： 第一人称，自信，提及主流框架（SOC 2、零信任、DevSecOps）。避免通用的营销语言。
- 表情符号： 仅 ☀️ / 🌙 用于深色模式。不要引入更多。
- Logo：
assets/laplante-logo.png（浅色背景）+assets/laplante-logo-white.png（深色背景）。 - 令牌： 引入
colors_and_type.css— 所有令牌都作为--lp-*CSS 变量存在。
文件
colors_and_type.css— 设计令牌 + 语义类型类assets/— Logo 位图preview/— 色板 + 样板（由设计系统选项卡使用）ui_kits/portfolio/— 首页 + 服务 + 时间线 + 联系（高保真）ui_kits/blog/— 博客列表 + 文章阅读器（高保真）