Openweb

一个促成有意义数字对话的高端技术平台

低饱和度、暖调的单色系，强调可读性与高级的克制感，仅搭配一个深色主操作色。

transitional-serif · humanist-sans · monospace

• display72px · 400
• heading20px · 500
• body16px · 400

主要标题使用过渡衬线体，传递编辑权威感。 · 所有正文、导航及界面元素使用人文主义无衬线体。 · 正文采用常规字重（400），标题略粗（500）。

基于标准4px基线网格，章节间保持充裕的垂直间距。

1px solid rgba(0,0,0,0.1)

0 4px 20px rgba(0,0,0,0.08)

内容区域居中，顶部设简洁导航栏。

页面切换与模态框出现时使用细微的淡入淡出效果。

交互元素在悬停时轻微改变不透明度或加深颜色。 · 提供即时视觉反馈，无延迟动画。

• button 深色实心背景配白色文字，矩形，圆角极小或为无。
• card 布局简洁，边框极少，依赖字体与间距构建层次。
• chip 简洁的矩形标签或导航链接。
• input 极简的下划线或浅色边框样式。
• hero 顶部区域采用大号、醒目的过渡衬线体标题。

• 语气 专业、权威且不失亲和。
• 标题风格 简洁有力，聚焦核心价值主张。
• 按钮文案 直接且以行动为导向，使用高对比度按钮。

• 勿使用明亮的霓虹或饱和色——设计稿采用低饱和度的暖调单色系。
• 勿为所有组件设置大圆角——设计稿以矩形和直角元素为主。
• 勿在标题中使用活泼的圆体无衬线字体——设计稿采用精致的过渡衬线体。
• 勿用过多图标充斥界面——设计稿主要依赖简洁的字体排版。
• 勿为所有元素添加投影——设计稿谨慎使用投影，多见于浮动元素。
• 勿在大标题中使用全大写——设计稿采用标准大小写以保持柔和语调。
• 避免: 含义模糊的流行词汇。
• 避免: 过于随意或俚语化的术语。
• 避免: 咄咄逼人的销售语言。