精选 · 开放 · 免费

Mem

一个清洁、温暖且智能的 SaaS 落地页，用于一款个人 AI 驱动的笔记应用。

productivitynotes
Mem 网站截图
↓ 下载设计系统包 (21 MB)在 OpenDesign 中打开

原站: https://get.mem.ai

📦 浏览包内文件 →

01

设计气质 DNA

AI 优先知识管理极简主义温暖平易近人

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

02

色彩

#100F31Ink
#FCF8F1BG
#707070Muted
rgba(16, 15, 49, 0.15)Line

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

03

字体

humanist-sans · monospace

04

间距

4px
8px
16px
24px
32px
48px
64px
96px

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

05

表面 (圆角 / 阴影 / 边线)

sm · 4px
md · 8px
lg · 60px
pill · 100px

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

无

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

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

07

动效与交互

220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing

平滑过渡

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

08

组件

09

文案语气与禁用清单

10

包内真实截图

Mem — 桌面首屏（hero）
桌面首屏（hero）
Mem — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Mem — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Mem — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Mem — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Mem — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Mem — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Mem — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Mem — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Mem — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Mem — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Mem — 移动首屏
移动首屏

抓自真实页面 · 真 computed styles

11

System Prompt

Mem 是一款清洁、温暖且专注于 AI 的 SaaS 应用程序，用于个人知识管理。它采用温暖的奶油色背景（#FCF8F1），搭配深海军蓝（#100F31）排版，营造平静、易读的体验。设计上依赖人文主义无衬线字体系列，配有充足的空间和圆角 UI 组件。关键设计规则：避免白色背景，避免使用生硬的主蓝色按钮，并使用左对齐、以利益为导向的标题，而非居中文本。整体美学是极简、友好，专注于清晰度和易用性。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效，整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

en · zh-CN · zh-TW · ja · ko