精选 · 开放 · 免费

205TF

极简高对比度字体铸造厂画廊，让字体标本自我言说。

01

设计气质 DNA

一个精心策划的黑盒画廊，字体标本以整体艺术品形式呈现。

02

色彩

通过绝对的强烈对比，凸显所呈现字体的固有特质与工艺水准。

03

字体

didone-serif · transitional-serif

• display100px · 400
• heading56px · 400
• body14px · 400

所有标本严格采用黑底白字，保持高对比度。 · 大尺寸展示字体使用极端字间距（负字距值）以压缩视觉密度。 · 仅在特定标本展示时使用粗体字重，界面统一保持400字重。

04

间距

所有内边距、间距与外边距均采用严格的7像素基准单位，构建高度规整的空间网格。

05

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

采用平直整洁的边缘或虚线轮廓（用于主视觉图），交互网格状态偶尔使用1px或2px实线描边。

06

布局

桌面端采用严格的双栏非对称网格，移动端完全折叠为单列垂直堆叠。

07

动效与交互

所有结构变换与容器滑动均采用平滑的 cubic-bezier 缓动。 · 主轮播与网格状态切换严格采用0.45秒至0.6秒的过渡时长。 · 悬停在交互标本区域时立即更新为定制SVG箭头光标。

定制SVG光标（左右箭头）替代默认指针，指示轮播或网格导航交互。 · 导向标本详情页或推进图片轮播，保持无缝状态切换。

08

组件

• button 最小化纯文本链接或定制指针光标（左右箭头），通过隐藏传统界面元素实现直接交互。
• card 满版黑色区块作为字体标本容器，以白色背景网格为框架，具有独特的24px圆角。
• chip 高对比度矩形徽章，采用亮黄色背景（#FFFF00）配黑色文字，用于'已更新'等状态标识。
• input 当前截图未显示。
• hero 占据主导地位的大型黑色容器，包含超大衬线字体标本图形与定制虚线轮廓。

09

文案语气与禁用清单

• 语气 专业、极简且充满自信。
• 标题风格 字体标本名称采用毫不妥协的大字号与宽松字距，更侧重视觉锚点功能而非单纯标题。
• 按钮文案 细腻无侵入的文本链接，刻意规避标准按钮美学以保持焦点集中于字体本身。

• 切勿引入次要色彩——截图显示为严格的无彩色黑白体系，仅保留一个功能性黄色徽章。
• 切勿使用粗体或厚重界面字重——截图显示所有导航与界面元素均采用统一的400字重。
• 切勿添加投影或立体效果——截图显示为完全平面化的图形表面，无深度提示。
• 切勿对卡片使用圆角——截图显示黑色标本容器在24px圆角外框内呈现完美直角。
• 切勿创建密集文本段落——截图显示界面几乎完全依赖大型展示字体与稀疏导航链接。
• 切勿在交互区域使用默认浏览器光标——截图清晰展示左右导航使用的定制箭头光标图像。
• 避免: 避免使用标准HTML按钮或色彩鲜艳的界面元素，以免分散对标本的注意力。
• 避免: 避免多栏文本段落；文字严格控制为单行或极简高冲击力短句。
• 避免: 避免引入任何非实际字体标本的装饰元素或插图。

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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