Jsnrynlds

一个安静、自信的画廊空间，让作品自己说话。

高对比度深色模式，采用鲜明的白色文字以实现最佳可读性和焦点。

humanist-sans · monospace

• display40px · 400
• headline28px · 400
• body16px · 400
• caption14px · 400

字体采用简洁的人文主义无衬线字体。 · 字重通常为细体到常规体，避免使用粗重的粗体。 · 层级通过字号和颜色对比来建立，而非字重。

充足的垂直间距营造平静感，让内容得以呼吸。

交互元素上使用 1px solid rgba(255, 255, 255, 0.1) 的边框

两栏布局，左侧为固定导航，右侧为较大的内容区域，用于展示案例研究。

滚动时淡入 · 按钮上的微妙悬停状态

按钮上微妙的颜色反转或不透明度变化。 · 即时反馈，无复杂动画。

• button 极简的轮廓按钮，使用高对比度文字，无背景填充。
• card 大型、以图片为主的案例研究预览，文字叠加极少。
• chip 未见可见。
• input 未见可见。
• hero 左对齐的文本块，具有清晰的层级：姓名、职位、经验和操作按钮。

• 语气 专业、自信且克制。
• 标题风格 直接、简洁，通常使用单个描述性短语。
• 按钮文案 简单的、面向行动的动词，例如“复制邮件”或“LinkedIn”。

• 不要使用明亮、饱和的颜色——截图显示的是严格的单色调色板。
• 不要使用厚重的投影——界面是扁平化的，依赖背景对比度。
• 不要使用装饰性或手写体字体——字体严格使用简洁的几何无衬线体。
• 不要用过多元素使布局显得拥挤——设计优先考虑留白和焦点。
• 不要在主要组件上使用圆角——设计语言是尖锐且直角的。
• 不要使用复杂、多层的导航——界面极简且以内容为先。
• 避免: 过多的感叹号
• 避免: 营销术语
• 避免: 俏皮或非正式的语言