Strava

浅色基底、大幅摄影展示。
页面以浅色为基底。局部操作控件以蓝色强调。字体采用 Boathouse。视觉特点包括大幅摄影展示。适合参考的场景:摄影作品集、视觉内容展示页。
查看原始网站使用规范
建议采用
- 仅在每屏最重要的操作上使用Strava橙色 #fc5200 作为填充,禁止用于装饰、图标 淡染底色 或次要按钮
- 所有按钮和标签的圆角半径统一设为4px;系统中不存在胶囊形控件、圆形元素或大半径设计
- 90%的文本使用Boathouse 400,仅将Boathouse 600用于品牌标识、标题和按钮标签——字重对比为二元关系
- 使用Warm Linen #f9f8f5 作为底层,Paper White #ffffff 作为上层,而非阴影分层;当前唯一使用的边框颜色为Bone #e0e0de,用于细线
- 让满幅户外运动者的摄影承载情感张力——UI本身应保持简洁,仅以文字和按钮呈现
- 所有中性色均使用暖灰色调(#43423f、#64635、#f9f8f5);禁止引入冷灰或蓝调阴影
- 链接蓝色 #0060d0 仅用于行内文本链接和法律引用;禁止用于按钮、图标或背景
建议避免
- 不要添加盒阴影、投影阴影或发光效果——系统设计为扁平,表面色彩即为层级表达方式
- 不要引入第二套色彩用于强调、插图或图表配色——橙色是唯一的信号色
- 按钮或卡片的圆角不得超过4px——更大的圆角会破坏其实用、出版物般的质感
- 背景、按钮或插图上禁止使用渐变——Strava系统内不存在任何渐变
- 不要为标题或展示文本切换其他字体;Boathouse是唯一字体家族,字重负责层级表达
- 不要将链接蓝色 #0060d0 用作行动号召填充或按钮边框——该色仅限行内文本链接使用
- 不要在UI中添加装饰性图标、徽章或金属元素;若某元素并非链接、按钮、输入框或正文内容,它大概率不应存在