Niklasrosen Se

一份为高端设计项目精心策划的索引卡片目录。

严格单色，依靠纯白留白与高对比度黑色文字实现最佳可读性。

grotesque-sans

• body24px · 400

所有文字使用统一字重（400）和字号（24px），构建平等的层级关系。 · 全局应用紧凑的负字间距（-0.72px），形成致密、连贯的文本块。 · 行高严格设为 1.0，强调网格化、数据密集的布局。

严格 4px 基线网格，行间极小内边距（4px-6px），形成高度压缩的垂直节奏。

行与行之间以极细的 1px 实线分隔（#ededed），无其他结构性边框。

左对齐、全宽列表结构，在移动端转为垂直堆叠，无网格栏。

对 color、background-color 与 opacity 的交互状态，应用微妙且均匀的 0.15 秒过渡。

文本链接悬停时可能变色或显示箭头指示符。 · 直接导航至项目详情页。

• button 极简文本链接，以简单箭头指示符（→）替代传统按钮形状。
• card 无视觉卡片；内容以原始、无边框的数据列表形式呈现。
• chip 不使用；分类数据直接内联于列表行中。
• input 不可见；站点主要为只读作品集。
• hero 干净的纯文本介绍区块，包含简短描述段落与直接的行动号召链接。

• 语气 平静、专业且严格客观。
• 标题风格 平实且描述性，直接陈述设计师姓名与角色，不加修饰。
• 按钮文案 直接且实用，使用诸如“了解更多”和“浏览索引”等简单文本。

• 不要使用多种字重或字号——截图显示所有元素均为统一 400 字重和 24px 字号。
• 不要引入次要强调色——截图显示严格黑、白、浅灰色板。
• 不要添加投影或复杂容器边框——截图显示仅使用极简 1px 线条分隔。
• 不要使用装饰性字体或表现性手写体——截图显示中性的 grotesque-sans 无衬线字体。
• 不要创建带间距的多栏布局——截图显示全宽单栏列表结构。
• 不要使用传统按钮形状或填充元素——截图显示仅为带箭头的纯文本链接。
• 避免: 避免营销术语或过于情绪化的语言。
• 避免: 避免视觉噪音或复杂的图形元素。
• 避免: 避免使用不同字重来建立层级。