Lithic
白色基底、细线分隔与宽松留白。
Join Parker
白色基底、圆角卡片与衬线字形。
页面以白色为基底，搭配近黑色文字。字体采用 Inter、Gambetta。视觉特点包括圆角卡片、衬线字形、分屏构图、居中构图。适合参考的场景：金融产品官网、财务服务介绍页。
查看原始网站使用规范
建议采用
- 所有功能性文本使用 Inter。仅在标题中保留最多一个词使用 Gambetta 斜体，且必须置于语义最重的位置。
- 所有按钮、标签及胶囊形控件使用 9999px 圆角（1584px 令牌值）。这是网站最频繁出现的形状——任何偏离都会破坏品牌识别。
- 所有卡片表面（特征卡片、统计面板和内容容器）使用 24px 圆角。
- 让电蓝色（#5196fe）主导品牌表达：填充型 CTA、满幅铺展的特征区域、图标点缀。不要用次级色彩稀释它。
- 每页最多使用一次 余烬 橙色（#f9754e），且仅用于单个高价值转化的 CTA。这种稀缺性正是其转化的关键。
- 使用暖中性色（稿纸色 #f2f1ec，沙色 #e1dfd8）为需要柔软感的表面提供质感。页面是白纸，而非白屏——暖色调避免了冷清感。
- 标题字间距需精确控制：48px 时为 -0.06em，64px 时为 -0.10em，32px 时为 -0.03em。大字号的 Inter 需要强烈的负字间距以体现自信。
建议避免
- 不要添加第二个斜体衬线词，或在首屏区域之外使用 Gambetta。标志是克制，而非装饰。
- 不要在主要表面使用方形或 4-8px 圆角。24px 卡片和 9999px 胶囊是不可妥协的品牌标识。
- 不要在蓝色区域的特征卡片上添加阴影。它们仅通过色彩对比产生视觉提升——添加阴影会破坏扁平、自信的基调。
- 不要使用纯黑色（#000000）作为文本颜色。使用墨黑（#1b1d20）能带来微妙的暖感，而纯黑则会显得扁平。
- 不要引入额外的强调色（绿色、紫色、红色）用于状态标识。若需状态色，应使用现有配色的不透明度变化，或仅限于内联图标。
- 不要在任何区块使用全宽渐变背景。渐变仅出现在产品卡片视觉中，不作为页面级处理。
- 不要对超过两行的正文段落进行居中对齐。Parker 采用左对齐并保持自信；居中仅用于首屏标题和统计数据。
