KovaScape Report Design

KovaScape 报告设计规范

crimsonblazezero 92823a8 2.4 KB Updated

File contents

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:深墨绿背景 + 金色品牌名

七、快速参考色板

crimsonblazezero/zero-tools/tree/main/skills/KovaScape Report Design commit 92823a8c8f

Frequently asked questions

npx skillmds@latest add crimsonblazezero/kovascape-report-design