Dylanbrouwer

一个高端设计工作室作品集，优先考虑视觉呈现和简洁排版。

深色、近乎单色的调色板，聚焦于深色背景与浅色文本之间的高对比度，营造高端、编辑感的氛围。

geometric-sans · monospace

• display56px · 500
• body16px · 400

导航和次要标签使用全大写。 · 大型展示文本采用紧缩字距以增强视觉冲击力。 · 小型标签和标签使用等宽字体。

充足的留白以强调内容区块，营造清晰、整洁的层次结构。

使用 rgba(255, 255, 255, 0.1) 的纤细、微妙的边框来分隔区域。

全宽、基于网格的布局，使用大型垂直列展示作品，并设有突出的主视觉区域。

交互元素上微妙的透明度变化或色彩偏移。 · 标准的链接行为。

• button 极简的文本链接，采用大写样式，无背景。
• card 大型、沉浸式的项目卡片，以网格布局呈现。
• chip 用于分类的小型等宽字体标签。
• input 在截图中未显示。
• hero 大型、全屏的引导性陈述，采用醒目排版，置于深色背景之上。

• 语气 专业、自信且直接。
• 标题风格 醒目、大尺度排版，引人注目。
• 按钮文案 与导航融合的、低调的文本链接。

• 不要使用明亮的强调色——截图显示的是严格的单色调色板。
• 不要使用圆角——所有元素都具有锐利、方形的边缘。
• 不要使用装饰性图标或插图——设计完全依赖排版和摄影。
• 不要使用俏皮或随意的字体——排版严格使用几何无衬线字体。
• 不要使用厚重的阴影或深度效果——表面是扁平的，依赖于微妙的边框。
• 不要在导航中使用小写字母——截图显示所有标签均为大写。
• 避免: 避免使用明亮、饱和的颜色或渐变。
• 避免: 避免使用装饰性图标或插图。
• 避免: 避免使用俏皮或随意的语言。
• 避免: 避免杂乱的布局或过多的 UI 元素。
• 避免: 避免使用圆角或柔和阴影。
• 避免: 避免在标题中使用衬线字体。