큐레이션 · 오픈 · 무료

Mem

개인 AI 기반 메모 애플리케이션을 위한 깨끗하고 따뜻하며 지능적인 SaaS 랜딩 페이지입니다.

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 기본 단위와 넉넉한 padding으로 설정된 일관된 수직 리듬입니다.

05

표면 (라운드 / 그림자 / 경계선)

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

주요 인터랙티브 요소에 1px solid #100F31 테두리

none

06

레이아웃

1280container
12columns
24pxgutter
768 / 1024breakpoints

비대칭 히어로 레이아웃을 가진 중앙 정렬 컨테이너입니다.

07

모션과 인터랙션

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

부드러운 전환 효과

hover 시 미묘한 불투명도 또는 색상 변화. · 즉각적인 시각적 피드백.

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) 타이포그래피를 사용합니다. humanist-sans 폰트 계열과 넉넉한 간격, 알약 모양 UI 컴포넌트에 기반한 디자인입니다. 핵심 디자인 규칙: 흰색 배경 회피, 강렬한 기본 블루 버튼 회피, 중앙 정렬 대신 왼쪽 정렬 및 혜택 중심 헤드라인 사용. 전체적인 미학은 미니멀리즘, 친근함, 그리고 명확성과 사용 편의성에 중점을 둡니다.

이 감각을 당신의 에이전트에

이 디자인의 기계 판독 가능한 사양——색상·타이포·모션까지——을 그대로 AI 에이전트에 전달하세요.

OpenDesign 스킬 ↗ · 이 팩 (에이전트용) ↗

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