精选 · 开放 · 免费

Studiofew

一个极简、高端的字体铸造厂网站，展示字体样本，搭配黑白摄影与精致界面。

01

设计气质 DNA

以数字形式呈现的高端字体铸造厂样本手册

02

色彩

严格的单色配色，依赖于纯黑与纯白的强烈对比，辅以中性灰建立层次与界面元素。

03

字体

humanist-serif · humanist-sans · geometric-sans

• display158px · 400
• sub-display115px · 400
• body14px · 400
• caption12px · 400

标签与导航使用全大写 · 大型展示文字使用紧凑字间距 · 小型大写字母界面文字使用宽松字间距

04

间距

严格的4像素网格，字体样本区域周围留有充足内边距。

05

表面 (圆角 / 阴影 / 边线)

1像素实线黑色，使用虚线分隔区域。

06

布局

全宽字体样本卡片，以虚线分隔，配有固定导航。

07

动效与交互

悬停状态下的标准透明度过渡 · 字体属性调整时的平滑滑块动画

细微的透明度降低或光标变化。 · 标准按钮点击效果，无复杂反馈。

08

组件

• button 简约矩形按钮，棱角分明，采用纯色填充或描边，文字大写。
• card 全宽区域，用于展示单个字体样本。
• chip 小型圆形图标和徽章，用于购物车计数等。
• input 滑块控件，搭配简约的圆点指示器。
• hero 大型摄影或3D渲染图像，叠加超大样本文字。

09

文案语气与禁用清单

• 语气 权威、极简、专注于设计。
• 标题风格 超大字号、紧凑字距、全大写或大型样本展示。
• 按钮文案 直接、大写、高对比度按钮，如‘试用’和‘查看’。

• 不要使用鲜艳色彩——截图显示严格的黑、白、灰单色调色板。
• 不要给主要按钮添加圆角——截图显示的是棱角分明的矩形按钮。
• 不要为大号展示文字使用宽松字间距——截图显示样本标题使用紧凑字距。
• 不要使用 playful 语言——截图显示直接、功能性的界面标签，如‘字号’和‘字重’。
• 不要使用厚重阴影或深度效果——截图显示的是扁平、干净的表面。
• 不要将所有内容居中——截图显示强有力的左对齐排版和界面元素。
• 避免: 装饰元素
• 避免: 鲜艳色彩
• 避免: playful 语言
• 避免: 主要按钮的圆角

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko