Bear Markdown Notes

白色基底、分屏构图与细线分隔。
页面以白色为基底。字体采用 bearsans、bearsansheadline。视觉特点包括分屏构图、细线分隔、产品图像展示、插画元素。适合参考的场景:工作流工具首页、产品功能说明页。
查看原始网站使用规范
建议采用
- 所有展示与分区标题都只采用bearsansheadline 400,绝不要加粗。
- Bear Red #dd4c4f只用于标志、链接、Pro徽章和装饰下划线,其他内容都不使用红色。
- 所有正文默认Graphite #444444的bearsans 400、16px和0.031em字间距,Ash Gray #888888只留给弱化或次级文字。
- 产品截图框架使用唯一阴影模式0 13px 34px rgba(0,0,0,0.12),其他元素都保持平面细线边框。
- 首屏CTA采用黑色Mac App Store徽章,绝不创造定制红色填充按钮。
- 分区横带在Linen White #ffffff与Mist #f3f5f7之间交替,以64px纵向内边距建立节奏。
- 月桂、熊吉祥物和星等装饰元素只采用1.5–2px的Fog #e6e7eb线描,没有填充或彩色。
建议避免
- 展示标题不要加粗,400是标志性字重,加粗会破坏手写氛围。
- 除Tag Indigo #456aa3、Tag Forest #2b6451、Tag Plum #884aa8三种笔记标签色和唯一Bear Red外,不要引入额外强调色。
- 营销网站任何地方都不要使用Bear Red背景填充按钮,唯一红色填充元素是Pro徽章胶囊。
- 产品截图框架之外不要添加投影,其余页面必须平面。
- 不要使用摄影或生活方式图像,产品截图是唯一允许的图像内容。
- 标题不要使用夸张营销形容词,语气安静而宣告式,例如“Write naturally”,而非“Unlock your creative potential”。
- 正文不要采用紧密letter-spacing,bearsans的+0.031em字间距是既定节奏。