Rippling

如同企业神经中枢，替代数十个零散工具。

深邃饱和紫色主视觉区与纯净白色内容区形成高对比度，活力橙色作为强调色贯穿全局。

geometric-sans · humanist-sans · monospace

• display48px · 500
• heading32px · 500
• body16px · 400
• small14px · 400
• micro12px · 400

大尺寸展示标题采用紧凑字间距。 · 小型界面文字使用略松字间距（0.25px）。 · 建立清晰的字重层级：标题500/正文400。

基于4px增量的统一纵向节奏，主要板块间保留充足留白（40px-64px）。

极简边框应用，主要通过间距与色彩差异分隔内容。主边框色值为rgb(229, 231, 235)。

0px 6px 6px 0px rgba(0, 0, 0, 0.06) · 0px 96px 160px 48px rgba(27, 16, 20, 0.6)

居中最大宽度容器，主视觉区采用双栏结构（内容左侧/视觉右侧），内容板块使用全宽居中单栏。

交互元素采用微妙的透明度与色彩过渡。 · 悬停时平滑改变背景色与透明度。

文字与背景色在0.15秒内完成微妙色彩过渡。 · 即时视觉反馈，常表现为细微缩放或色彩偏移。

• button 主操作按钮为橙色（强调色）圆角药丸样式；次级操作采用带下划线的文字链接。
• card 浅米灰（bgSoft）卡片配柔和阴影与中圆角（md）。
• chip 用于导航与分类标识，通常采用浅色背景与微边框。
• input 白色背景输入框配微边框与中圆角（md），常纵向排列。
• hero 全宽深紫色背景板块，搭配大型展示标题与醒目邮箱订阅表单。

• 语气 自信权威，以效益为导向。
• 标题风格 简短有力，聚焦核心价值主张。
• 按钮文案 直接行动导向，使用高对比度亮色按钮。

• 避免在紫色背景上使用低对比度主文本——截图显示采用高对比度黑白文字。
• 避免使用过多字重——截图显示严格限定400/500两级字重。
• 避免按钮与卡片使用尖锐直角——截图显示采用圆角（8px/12px/药丸形）。
• 避免使用杂乱多彩配色——截图显示聚焦于深紫、橙、黑、白、米色系。
• 避免使用密集紧凑布局——截图显示元素间保留充足间距（24px-64px）。
• 避免使用装饰性衬线字体——截图显示采用简洁的几何无衬线与人文无衬线字体类别。
• 避免: 脱离语境的行业术语
• 避免: 模糊承诺
• 避免: 被动语态
• 避免: 拥挤布局
• 避免: 不一致的字体排印
• 避免: 低对比度文本

历史提取与模型分析 · 尚未逐项校验