精選 · 開放 · 免費

Bear

一款專注、以文字為先的精緻 Markdown 筆記應用程式。

productnotes
Bear 網站截圖
↓ 下載設計系統包 (11 MB)在 OpenDesign 中開啟

原站: https://bear.app

📦 瀏覽包內檔案 →

01

設計氣質 DNA

極簡Markdown專注Apple 原生

為 Apple 生態系設計的簡潔現代筆記本

02

色彩

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

以純白畫布為基底，搭配高對比度文字，並使用單一暖紅色作為品牌強調色。

03

字型

humanist-sans · monospace

標題使用簡潔的人文無襯線字體，字距緊湊 · 內文使用同族字體，行高寬鬆以利閱讀 · 等寬字體僅用於程式碼片段與技術參考

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 是一款專為 Apple 生態系設計的 Markdown 筆記應用程式。其設計 DNA 特點為極度克制、純白畫布與單一暖紅色強調 (#DD4C4F)。字體使用精緻的人文無襯線字體 (bearsans/bearsansheadline) 作為標題與內文，搭配粗體、字距緊湊的主視覺標題。佈局嚴格採用置中單欄，垂直節奏寬鬆 (64px) 且留白充裕。關鍵禁忌：切勿將深色模式作為主要介面，避免厚重陰影，切勿使用具侵略性的漸層，切勿以密集多欄佈局使介面雜亂，並保持所有邊框纖細輕微。互動模式極簡，依賴 hover 狀態與輕微過渡效果，而非複雜動畫。語氣友善且低調，聚焦於應用程式基於 Markdown 的簡潔寫作核心效益。

把這份品味接進你的 Agent

把這套設計的機器可讀規格——色彩、字體、動效，整套 DNA——直接交給你的 AI Agent。

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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