Readymag
浅色基底、紧密字距与细线分隔。
wix.com
浅色基底、居中构图与胶囊形控件。
页面以浅色为基底，搭配近黑色文字。局部操作控件以蓝色强调。字体采用 Arial、madefor-display。视觉特点包括居中构图、胶囊形控件、圆角卡片、渐变展示。适合参考的场景：SaaS 产品官网、功能介绍页。
查看原始网站使用规范
建议采用
- 所有标题都采用Madefor Display 48–104px；负字间距（-0.02em至-0.03em）是标志性特征。
- #166aea电光蓝只用于主要操作按钮，绝不要用于文字、图标或装饰。
- 所有交互按钮和标签的border-radius都设为50px；胶囊形是定义系统的特征。
- 内容块之间使用宽松的80px分区间距；充满空气感的节奏是整体感受的关键。
- 将Lavender Mist渐变（#bfc8e8 → white）用于满幅分区背景，打破连续白色分区的单调。
- 图像和产品模型图的border-radius设为8.9px，呈现略带圆角的科技产品感。
- 黑色填充按钮与蓝色填充按钮配对，构成两级操作系统；同一分区绝不要使用三种不同的按钮填充色。
建议避免
- 操作按钮不要使用Deep Violet（#101585）或Indigo Pulse（#2c34af）；它们只用于品牌和标题。
- 不要为卡片或按钮添加明显投影；系统依靠平面表面和细线边框，而非抬升效果。
- 卡片的border-radius不要低于8px，按钮不要低于20px；锐利直角会破坏圆润友好的语气。
- 48px+标题的行高不要高于1.2；紧密行高（0.95–1.1）使展示字体具有编辑式感受。
- Lime Highlight（#dff994）或Lemon Note（#fdf4a1）不要用于超过一个词的文字；它们是色洗或强调色，而非文字背景。
- 不要引入既定调色板之外的新强调色；克制是系统的力量。
- 超过副标题长度的正文不要居中；段落在布局中采用左对齐，辅助元数据采用右对齐。
