큐레이션 · 오픈 · 무료

Bear

정제된 텍스트 중심 인터페이스를 갖춘 집중형 마크다운 노트 앱입니다.

productnotes
Bear 스크린샷
↓ 디자인 시스템 다운로드 (11 MB)OpenDesign 에서 열기

원본 사이트: https://bear.app

📦 팩 내용 보기 →

01

디자인 DNA

미니멀마크다운집중형애플 네이티브

애플 생태계를 위해 설계된 깔끔하고 현대적인 노트북

02

컬러

#DD4C4FAccent
#444444Ink
#FFFFFFBG
#888888Muted
rgba(68,68,68,1)Line

고대비 텍스트와 단일 웜 레드 강조색이 있는 깔끔한 흰색 캔버스입니다.

03

타이포그래피

humanist-sans · monospace

헤드라인은 견고한 트래킹의 깔끔한 humanist-sans를 사용합니다 · 본문은 동일한 패밀리를 사용하되, 가독성을 위해 넉넉한 행간을 둡니다 · 모노스페이스는 코드 스니펫 및 기술 참조용으로 엄격히 사용합니다

04

여백

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

주요 섹션 간 넉넉한 64px 수직 리듬

05

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

sm · 4px
md · 8px
lg · 16px
pill · 999px

1px solid #444444

0px 13px 34px 0px rgba(0, 0, 0, 0.12) · 0px -5px 15px 1px rgba(0, 0, 0, 0.2)

06

레이아웃

1280container
12columns
24pxgutter
768 / 1024breakpoints

콘텐츠와 앱 스크린샷 섹션이 교차하는 중앙 정렬 단일 열 레이아웃

07

모션과 인터랙션

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

콘텐츠 섹션을 위한 부드러운 페이드인 · 앱 스크린샷에 적용되는 은은한 부유 효과

내비게이션 및 버튼에서 은은한 투명도 또는 색상 변경 · 최소한의 시각적 상태 변화로 즉각적인 피드백 제공

08

컴포넌트

09

보이스와 금지 목록

10

팩 안의 실제 스크린샷

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

실제 페이지에서 캡처 · 실 computed styles

11

System Prompt

Bear는 애플 생태계를 위해 설계된 집중형 마크다운 노트 앱입니다. 디자인 DNA는 극도의 절제, 깔끔한 흰색 캔버스, 그리고 단일 웜 레드 강조색(#DD4C4F)으로 특징지어집니다. 타이포그래피는 디스플레이와 본문 모두에 정제된 humanist-sans(bearsans/bearsansheadline)를 사용하며, 굵고 견고한 트래킹의 히어로 헤드라인을 적용합니다. 레이아웃은 엄격히 단일 열이고 중앙 정렬이며, 넉넉한 수직 리듬(64px)과 넓은 여백을 둡니다. 중요한 주의사항: 다크 모드를 주요 서피스로 절대 사용하지 마세요, 무거운 드롭 섀도우는 피하세요, 공격적인 그라데이션을 절대 사용하지 마세요, 밀도 높은 다중 열 레이아웃으로 인터페이스를 복잡하게 만들지 마세요, 모든 테두리는 얇고 은은하게 유지하세요. 상호작용 모델은 미니멀하며, 복잡한 모션보다는 hover 상태와 은은한 트랜지션에 의존합니다. 어조는 친근하고 절제되어 있으며, 깔끔한 마크다운 기반 글쓰기라는 앱의 핵심 이점에 초점을 맞춥니다.

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

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

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

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