Agence Foudre

浅色基底、胶囊形控件与大字排版。
页面以浅色为基底,搭配粉色文字。字体采用 Beni、Clash Grotesk。视觉特点包括胶囊形控件、大字排版、宽松留白、单栏阅读排版。适合参考的场景:创意机构官网、项目作品集。
查看原始网站使用规范
建议采用
- 所有展示文字使用 Beni 字重 900 与 0.70 行高——紧密的行距使标题产生建筑感,而非仅仅显得庞大
- 默认使用 #fff8f6 作为底色;仅允许 #fce5df 以 5-10% 的点缀表面形式出现,绝不可作为全页背景
- 将 #db3c8a(强烈)与同色调的 #fce5df(轻柔)搭配,形成各区块间的对话——全彩凸显,淡彩呼应
- 所有正文与链接使用 #00522d——深绿是标志性选择,任何中性替代都无法复现
- 由空白空间承担结构功能:区块间距为 60-120px,且每个展示块独立占据完整视口高度
- 所有交互圆形元素(菜单、品牌标识)直径设为 50px,完整半径,填充色为 #db3c8a——页面中仅此两个圆点
- 正文文字宽度上限为 60ch,无论视口大小——以可读性优先于视觉冲击
建议避免
- 绝不使用 #000000 作为正文——#00522d 是编辑风格,黑色仅用于图标与图形元素
- 不要在正文尺寸(小于 30px)下使用 Beni——该字体专为展示设计,功能类内容使用 Clash Grotesk
- 避免使用大量卡片布局——此系统通过排版与空间呼吸,而非信息密度来传达氛围
- 绝不将 #db3c8a 应用于大面积正文区域——粉红是强调,不是背景装饰
- 不要添加阴影、渐变或玻璃效果——系统刻意保持扁平,深度来自色彩对比与排版层级
- 避免使用超过两种字体家族——Beni 用于展示,Clash Grotesk 用于其余所有内容;不使用衬线体、不使用等宽字体、不使用装饰性字体
- 避免使用对称居中布局——所有内容左对齐或采用刻意的非对称排布;文字应具有杂志编辑感,而非仪式感