Regi It

一个数字设计工作室的着陆页

使用柔和的中性色处理文本和结构，让色彩丰富的3D渐变成为视觉焦点。

transitional-serif · humanist-sans

• display64px · 400
• body16px · 400
• small12px · 400

标题使用干净的过渡衬线字体，字距收紧。 · 正文使用标准的人文主义无衬线字体，以确保可读性。 · 小型辅助文本使用全大写，字距放宽。

宽松而通透，强调留白。

用于分隔符和菜单图标的纤细、微妙的线条。

全出血的首屏，配有居中的、浮动的内容区块。

用于颜色和transform的平滑过渡。 · 微妙的背景颜色渐变。

交互元素上的微妙颜色或transform变化。 · 即时响应。

• button 基于文本的按钮，带有箭头图标，简约而精致。
• card 此视图中未出现。
• chip 此视图中未出现。
• input 此视图中未出现。
• hero 全视口的沉浸式体验，具有大型排版和动态3D背景。

• 语气 专业、精致且自信。
• 标题风格 直接而富有感染力，使用大型衬线排版。
• 按钮文案 微妙而融合，使用带有方向箭头的文本链接。

• 不要使用明亮的纯色背景——截图显示的是非常浅的、中性的底色。
• 不要在UI元素上使用厚重的投影或3D效果——深度感来自背景图像。
• 不要在标题中使用粗体、厚重的无衬线字体——截图显示的是优雅的、轻量的衬线字体。
• 不要为按钮使用鲜艳、饱和的强调色——截图使用的是文本链接。
• 不要使用紧凑、局促的间距——截图强调宽敞的留白。
• 不要使用装饰性的、复杂的边框——截图使用的是非常纤细、简单的线条。
• 避免: 侵略性的营销语言
• 避免: 杂乱的布局
• 避免: 明亮、高饱和度的强调色