Maciej

一个活泼、富有表现力的设计师个人作品集，在大胆、多彩的图形与结构化的编辑式布局之间取得平衡。

以高对比度的黑白为基础，搭配单一鲜明的黄色点缀，并将多彩字体作为主要的表现性元素。

grotesque-sans · humanist-sans · monospace

• display120px · 500
• h224px · 500
• body18px · 400
• caption14px · 400

标题使用加粗的几何无衬线字体，并叠加活泼的多彩效果。 · 正文使用清晰、高度易读的人文主义无衬线字体。 · 导航使用较小的等宽字体，以营造技术感。

严格的 4px 网格，章节之间留有充裕的垂直间距。

使用细微的 1px 细边框分隔内容。

宽幅、居中的布局，包含清晰、框定的内容区域。

链接和按钮上的细微悬停过渡效果。

文本链接在悬停时变色或显示下划线，按钮在悬停时发生尺寸变化。 · 按钮按下时提供即时的视觉反馈。

• button 黄色胶囊形按钮，配有等宽文字和箭头图标。
• card 带有边框的框定区域，用于展示项目，内部层次清晰。
• chip 小型的药丸形状态指示器（例如 ‘Open’）。
• input 在截图中不可见。
• hero 全宽的字体主视觉区，展示大型多彩的展示文字。

• 语气 自信、平易近人且富有创意表现力。
• 标题风格 大胆、声明式的，并使用活泼的视觉处理。
• 按钮文案 直接、行动导向，使用等宽文字和箭头。

• 不要使用暗淡、低对比度的调色板——截图显示标题使用了鲜明、高饱和度的色彩。
• 不要仅依赖细微的渐变或阴影来营造层次感——截图显示了大胆的平面色块和清晰的边框。
• 不要在展示文字中使用衬线字体——截图显示主标题使用了加粗的几何无衬线字体。
• 不要创建密集、杂乱的布局——截图显示章节之间留有充裕的留白。
• 不要将导航隐藏在复杂的菜单中——截图显示了简单的、顶部对齐的联系方式链接。
• 不要回避表现性字体——截图将大型、多彩、活泼的字母作为核心设计元素。
• 避免: 企业行话
• 避免: 过于正式的语言
• 避免: 杂乱无章的界面