Intranetus

极简画廊目录

采用强对比度色板，以一个鲜明的蓝色点缀交互元素

transitional-serif · grotesque-sans

• display72px · 400
• h116px · 400

使用衬线字体（transitional-serif）进行大型展示排版，增添优雅感和编辑分量。 · 使用无衬线字体（grotesque-sans）用于界面元素，以保持清晰度和可读性。 · 保持文本与背景之间的高对比度以确保可读性。

宽裕的垂直间距强调内容层级并留有呼吸空间。

极少或没有边框，依靠色彩对比和间距进行分隔。

居中的内容结构，带有突出的主视觉区域和结构化的导航。

导航项目的细微悬停状态 · 页面交互的平滑过渡

导航链接的下划线或颜色变化 · 即时视觉反馈，可能是细微的透明度变化

• button 药丸形状，采用实色强调背景，用于主要操作。
• card 可能采用最小边框，专注于内容和图像。
• chip 激活状态下使用下划线文本或简单的底边框。
• input 极简样式，可能仅使用底边框。
• hero 全宽区域，带有大号字体和高对比度背景。

• 语气 专业、经过精心策划、略带随性
• 标题风格 加粗、简洁、陈述性
• 按钮文案 直接且以行动为导向（例如，“订购设计”）

• 不要使用多种高饱和度颜色——截图显示在黑白基础上使用了单一鲜明的蓝色点缀。
• 不要在主容器上使用圆角——截图显示按钮和容器具有锋利、直线的边缘。
• 不要使用投影来营造层次感——截图显示采用了依赖色彩对比的扁平化设计。
• 不要为正文使用装饰性衬线字体——截图显示界面元素使用了简洁的无衬线字体。
• 不要为长篇内容使用居中文本——截图显示标题居中，但导航保持左对齐。
• 不要为主要内容区域使用明亮的背景——截图主要使用黑色背景。
• 避免: 避免界面杂乱或过多的装饰元素。
• 避免: 避免使用多个相互竞争的强调色。
• 避免: 避免在没有清晰层级的大块密集文本。