精选 · 开放 · 免费

Folkert Link

这是设计师 Folkert Gorter 的字体作品集，其特点是严谨的等宽字体索引与富有表现力的重叠展示文本。

01

设计气质 DNA

一个极简主义、高度精选的设计索引或项目日志。

02

色彩

采用高对比度的单色调（黑白），并搭配一抹鲜明的黄色高亮，用于导航上下文。

03

字体

grotesque-sans · system-sans · monospaced

• display120px · 400
• body14px · 400
• mono13px · 400

主字体是用于导航和标签的严格等宽字体。 · 大型展示文本使用干净的无衬线字体，常伴有旋转或重叠效果。 · 文本颜色严格限定为黑色或半透明黑色。

04

间距

等宽字体列表中采用宽松的垂直间距，与展示文本中紧密的重叠效果形成对比。

05

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

卡片元素采用 1px solid rgba(0,0,0,0.15) 的边框，特定交互组件的边框则更粗。

06

布局

不对称的分栏布局，左侧为常驻的等宽字体索引，右侧为动态内容区域。

07

动效与交互

在 hover 和导航切换时，采用简单的淡入淡出和滑动过渡效果。

光标在交互元素上变为指针，并伴有细微的颜色或透明度变化。 · 导航至特定项目的视图或外部链接。

08

组件

• button 基于文本的导航链接，部分采用加粗的等宽字体样式和黄色高亮。
• card 不对称的项目缩略图网格，多为图片，无统一圆角。
• chip 不适用
• input 不适用
• hero 占据中央视口的大型、富有表现力的重叠且垂直旋转的展示文本。

09

文案语气与禁用清单

• 语气 纯粹、极简、富有知性。
• 标题风格 富有表现力、重叠、且常垂直方向展示的字体。
• 按钮文案 纯文本的等宽字体，有时以亮黄色背景高亮显示。

• 不要使用多种强调色——截图显示的是严格的单色调色板配以单一的黄色高亮。
• 不要为所有元素使用传统的圆角——截图显示了锐利边缘与特定圆角容器的混合使用。
• 不要将主导航居中对齐——截图显示的是严格左对齐的等宽字体索引。
• 不要为索引使用标准的无衬线字体——截图显示使用的是专用的等宽字体。
• 不要使用繁杂的背景——截图显示的是干净的纯白背景。
• 不要使用沉重的投影——截图显示的是带有细微边框的平面表面。
• 避免: 避免装饰性元素或库存图片。
• 避免: 避免过于复杂的 UI 组件或沉重的渐变效果。
• 避免: 避免使用多种强调色。

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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