Mem

一本优雅、温暖的数字笔记本，能预见你的需求。

温暖的米白色背景搭配深海军蓝排版，营造平静、易读的体验。

humanist-sans · monospace

• display80px · 400
• heading32px · 400
• body16px · 400

基于 4px 基础单位和充足内边距的统一垂直节奏。

主要交互元素使用 1px solid #100F31 边框

无

居中容器，采用非对称主视觉布局。

平滑过渡

悬停时细微的不透明度或颜色变化。 · 即时视觉反馈。

• button 圆角轮廓按钮，100px border-radius，深海军蓝描边。
• card 通过带有柔和阴影的圆形图片容器暗示。
• chip 不适用
• input 圆角搜索栏，带有橙色 focus 环。
• hero 分屏布局，左侧为大字号排版，右侧为重叠的圆形元素。

• 语气 乐于助人、友好且自信。
• 标题风格 直接且以利益为导向，例如：“一站式安放你心中所想”。
• 按钮文案 清晰、以行动为导向的标签，如“下载 Mem”和“观看视频”。

• 不要使用白色背景 —— 截图显示的是温暖的奶油色（#FCF8F1）背景。
• 不要为按钮使用明亮的主蓝色 —— 截图显示的是带有海军蓝边框的轮廓按钮。
• 不要为标题使用厚重的无衬线字体 —— 截图使用的是较轻的人文主义无衬线字体。
• 不要在容器上使用尖锐的直角 —— 截图显示的是圆角按钮和圆形图片元素。
• 不要将深色模式作为主要界面 —— 截图清晰显示的是浅色主题。
• 不要对长标题使用居中对齐 —— 截图显示的是左对齐的主视觉文本。
• 避免: 过于技术化的术语
• 避免: 咄咄逼人的销售语言
• 避免: 复杂的隐喻

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