# KovaScape Report Design

> KovaScape 报告设计规范

- Skill: `crimsonblazezero/kovascape-report-design` (Agent Skill)
- Install (CLI): `npx skillmds@latest add crimsonblazezero/kovascape-report-design`
- Raw SKILL.md: https://api.skillmd.com/api/skills/crimsonblazezero/kovascape-report-design/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Docs & Writing
- Author: crimsonblazezero (https://skillmd.com/u/crimsonblazezero)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/crimsonblazezero/kovascape-report-design

---

KovaScape 报告设计规范
每次为 KovaScape 生成 HTML 调研报告、分析文件、汇报文档时，必须严格遵循本规范，确保所有输出物与品牌调性一致。

一、品牌背景
品牌名：KovaScape
品牌调性：北欧简约 + 中世纪复古（Nordic Minimalism × Mid-Century Modern）
核心品类：Picture Frames（相框）、Floating Shelves（层板）
目标市场：欧美（美国、英国、德国、加拿大等）

二、品牌配色系统
主色
辅助色
状态色（保持语义清晰）

三、字体系统
主字体
标题字体：Playfair Display（衬线，用于大标题、品牌名、Hero标题）
备用：Noto Serif
正文字体：Poppins（无衬线，用于正文、说明、数据）
备用：Inter Tight、Avenir Next Arabic
字体引入（Google Fonts）
字体规格

四、视觉组件规范
页面整体
Hero 头部
背景色：#064338（墨绿）
装饰色：#F3C546（金色点缀线/图形）
标题字体：Playfair Display，白色
副标题：Poppins，rgba(255,255,255,0.75)
指标栏：金色分割线 #F3C546，白色数字
章节标题
卡片组件
状态徽章（Badge）
数据图表（Bar Chart）
主色条：#064338（墨绿）
警告色条：#F3C546（金色）
危险色条：#C4433A（红色）
背景轨道：#F0EDE8
表格
提示框（Alert）
Footer
背景色：#042E25（深墨绿）
品牌名：Playfair Display，#F3C546（金色）
正文：Poppins，rgba(255,255,255,0.6)
分割线：rgba(243,197,70,0.3)

五、装饰元素
金色点缀
在 Hero 区域使用金色（#F3C546）细线、圆点、几何图形作为装饰
章节分割线可使用金色渐变：linear-gradient(90deg, #F3C546, transparent)
卡片左侧强调条使用墨绿色 #064338
品牌 Eyebrow（眉标）

六、报告结构模板
每份报告应包含以下结构：
Hero 头部：墨绿背景 + 金色点缀，含报告标题、副标题、核心指标栏
正文区域：暖白背景，最大宽度 880px 居中，左右 padding 40px
提示框：核心结论用成功/警告提示框置顶
汇总表格：墨绿表头 + 金色表头文字
详细卡片：每个分析对象一张卡片，含状态徽章
图表区域：墨绿色条形图
下一步建议：信息提示框列表
参考来源：链接列表
Footer：深墨绿背景 + 金色品牌名

七、快速参考色板