August Health EHR

暖白色基底、胶囊形控件与衬线字形。
页面以暖白色为基底,搭配近黑色文字。字体采用 Reckless Neue、Saans。视觉特点包括胶囊形控件、衬线字形、居中构图、网格布局。适合参考的场景:软件产品首页、服务说明页。
查看原始网站使用规范
建议采用
- 所有交互元素采用1600px圆角,包括按钮、徽标、导航栏和图片框,以保持胶囊形一致性。
- 页面画布设为Cream(#f8f3eb),而非纯白,暖色调是品牌情感基础。
- 所有抬高元素采用暖色阴影rgba(75,68,57,0.1),取代冷灰阴影。
- 所有标题采用Reckless Neue衬线,仅用400字重;所有正文与UI文字采用Saans无衬线,字重400-500。
- Primary Indigo(#4865ff)仅用于主要操作,需要强CTA时不要以次要操作颜色稀释它。
- 表面按奶油画布 → 白色卡片 → 浅色卡片 → 鲜亮强调层叠,不用浓重阴影即可创造深度。
- 区块间垂直间距最小64px,所有卡片容器内部内边距32px。
- 首屏和区块标题居中,形成编辑式构图;只有产品UI与密集内容区域左对齐。
建议避免
- Reckless Neue不要使用粗体(600+),衬线字体的力量在于常规字重的克制。
- 不要采用冷灰阴影rgba(0,0,0,...),暖棕阴影是视觉识别的一部分。
- 页面背景不要使用纯白(#ffffff),奶油色是底层,白色用于其上表面。
- 主要CTA不要使用强调色Forest、Ember、Blossom,这一角色仅属于Primary Indigo。
- 任何文字元素都不要增加超过两种字重;系统刻意克制,无衬线400/500,衬线400。
- 卡片或按钮不要使用锐利角落(0px圆角),最小卡片圆角16px,按钮始终为胶囊。
- 不要将彩色强调直接放在奶油色上而不使用白色卡片容器,以免破坏奶油/白色/浅色的表面层级。
- 除非明确要求,不要用绿色表达成功状态或红色表达错误状态,强调色是装饰性的,而非语义性的。