知识卡片设计提示词
设计需求
创建一组数字营销知识卡片,每张知识卡尺寸为16:9比例(1280×720px),内容基于指定正文内容(可适当删减),且需包含”渊枢”品牌标识。
样式要求
布局结构
- 卡片与卡片之间垂直排列的间距为30px
- 每张卡片采用内边距布局(padding: 30px)
- 使用多列网格布局(两列和三列)
- 内容完全包含在卡片边界内
视觉风格
- 简洁现代的扁平化设计
- 每张卡片顶部有5px的彩色边框,用于标识不同类别
- 柔和的阴影效果(box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1))
- 卡片悬停时有轻微上浮效果
字体系统
- 主标题:1.8rem,700字重,深蓝色(#2c3e50)
- 副标题:1.1rem,400字重,灰色(#6c757d)
- 内容标题:1.3rem,600字重,带下划线装饰
- 正文文本:0.95rem,行高1.5
- 列表项:0.95rem,带圆点前缀
功能组件
- 每张知识卡内部采用网格布局
- 数据统计框(渐变色背景,白色文字)
- 对比框(红绿对比显示好坏案例)
- 关键要点提示框(黄色背景,左侧边框)
品牌标识
“渊枢”二字使用宋体字体,加粗显示,位于卡片底部左侧。
内容组织
每张卡片包含:
- 卡片头部(标题+副标题)
- 主体内容(多列布局)
- 数据统计/对比组件
- 关键要点总结
- 卡片底部为标签
技术实现
使用纯HTML/CSS实现:
- Flexbox和Grid布局系统
- CSS变量确保一致性
- 不要包含导航
注意事项
单张知识卡片尺寸一定要达到1280×720px
声明:本站所有文章,如无特殊说明或标注,均为原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。