请阅读此技能中的README.md文件，并探索其他可用文件。
如果要创建视觉工件（幻灯片、模拟、一次性原型等），请将资源复制出来，并为用户创建静态HTML文件以供查看。如果要处理生产代码，可以复制资源并阅读此处的规则，以成为该品牌设计方面的专家。
如果用户在没有任何其他指导的情况下调用此技能，请询问他们想要构建或设计什么，提出一些问题，并根据需要扮演输出HTML工件或生产代码的专家设计师角色。
关键文件：
README.md— 品牌背景、内容基础、视觉基础、图标设计colors_and_type.css— 用于颜色、排版、间距、圆角、阴影、缓动效果的CSS变量fonts/— 网络字体（Inter、Playfair Display、Fira Code、Pirata One）assets/— 标志 + 图像preview/— 小组件/令牌样本ui_kits/marketing_site/— 作品集网站的JSX重构版本
标志性特征：温暖朴实的调色板、无模糊的4–12px偏移阴影、1px树皮色边框、12–20px圆角、Playfair衬线标题 + Inter正文 + Fira Code等宽字体 + Pirata One展示字体、居中的钻石形眉板部分标题、细腻的cubic-bezier(.22,.61,.36,1)过渡效果。通过CDN加载Phosphor Icons（Regular + Fill）。