Gleap
近白色基底、产品图像展示与胶囊形控件。
replit
暖白色基底、胶囊形控件与圆角卡片。
页面以暖白色为基底，搭配近黑色文字。字体采用 ABC Diatype、ABC Diatype Plus Variable。视觉特点包括胶囊形控件、圆角卡片、网格布局、渐变展示。适合参考的场景：技术产品首页、开发工具说明页。
查看原始网站使用规范
建议采用
- #ff3c00 专用于主要操作、激活状态和品牌强调，绝不用于正文或大背景。
- 展示标题 48-69px，字重 400-500，字间距 -0.04 至 -0.06em，匹配系统编辑自信。
- 所有交互操作用 100px 圆角胶囊按钮，维持圆润友好几何。
- 每页落在 #faf6f1 暖画布，白色 #ffffff 留给需要从奶油上托起的卡片和输入框。
- 功能或首屏卡片圆角 40-60px，标准内容卡片 20px。
- 暖桃珊瑚渐变卡片 #ffb199 → #ff764c 作为视觉感叹号，周围以单色平静包围。
- 展示文字行高紧密 0.85-1.05，正文充裕 1.38-1.60。
建议避免
- 蓝色 #2492ff 不要用于行动按钮，橙 #ff3c00 拥有主要操作，蓝只用于次要导航区分。
- 卡片或按钮不要尖角，系统由宽大圆角定义，最小 6px，通常 20-100px。
- 不要用重投影，系统靠边框与表面对比，而非浮起阴影。
- 展示文字不要用 700+，标志是 400-500 配紧密字间距，而非粗重。
- 页面背景不要纯 #ffffff，#faf6f1 暖奶油是画布，白只用于浮起卡片。
- 每视口桃珊瑚卡片不要超过 2-3 张，应作标点，而非主导。
- 文字色不要 #000000，用 #0e0e0f 或 #1a1919 保持中性色的暖温度。
