Folkert Link

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

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

grotesque-sans · system-sans · monospaced

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

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

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

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

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

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

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

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

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

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

历史提取与模型分析 · 尚未逐项校验