精选 · 开放 · 免费
Seint Store
基于标准博客模板构建的功能性文字密集型目录网站。
EditorialCleanConsumerLibraryReference
01
设计气质 DNA
信息型目录内容密集实用主义基础
用于目录列表的基础WordPress博客模板。
02
色彩
#1e73beAccent
#222222Ink
#ffffffBG
#f7f8f9BG soft
rgba(240, 240, 240, 1.0)Line
标准高对比度网络调色板搭配单一功能性蓝色强调色。
03
字体
system-ui
- display
35px · 700 - body
17px · 400
基础排版使用系统UI字体。 · 广泛使用粗体字重强调关键词。
04
间距
标准垂直节奏，主要由浏览器默认值和基础padding值控制。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 0px
1px solid #f0f0f0
06
布局
1200container
12columns
20pxgutter
768 / 1024breakpoints
桌面端标准双栏博客布局，含主内容区与侧边栏。
07
动效与交互
100msmicro
100mssmall
100msmedium
ease-in-outeasing
交互元素的细微颜色过渡
链接颜色变化 · 标准浏览器默认行为
08
组件
- button 简洁的深色矩形块状按钮。
- card 无特定设计组件，仅作为内容区块。
- chip 无。
- input 带上方标签的简洁边框输入框。
- hero 无复杂样式的基础图文区块。
09
文案语气与禁用清单
- 语气 信息性与实用主义
- 标题风格 直接聚焦关键词
- 按钮文案 简洁实用
- 不使用自定义字体——截图显示使用标准system-ui字体栈。
- 不引入复杂圆角——截图显示锐利无圆角边角。
- 不使用投影——截图显示完全平面化表面。
- 不应用彩色渐变——截图显示纯白背景。
- 不使用复杂动画——截图显示仅含简单悬停过渡。
- 不使用装饰性插图——截图显示标准网页文本与单一图片。
- 避免: 品牌名称
- 避免: 技术术语
- 避免: 俏皮语言
10
包内真实截图
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
这是一个基于标准WordPress模板（GeneratePress）的基础型文字密集目录网站。视觉风格高度实用主义且未经过样式处理，默认使用浏览器字体栈（system-ui），采用白色（#ffffff）与深灰色（#222222）的高对比度配色方案，搭配单一功能性蓝色强调色（#1e73be）。布局为标准双栏结构，含主内容区与侧边栏。交互仅限于简单的悬停颜色变化。关键设计约束包括：不使用自定义字体、避免圆角或投影、不添加复杂动画。
en · zh-CN · zh-TW · ja · ko