Handsome Frank
暖白色基底、衬线字形与紧密字距。
Fiverr.com
明暗对比、胶囊形控件与圆角卡片。
页面兼有浅色与深色区域。字体采用 Macan。视觉特点包括胶囊形控件、圆角卡片、大字排版、紧密字距。适合参考的场景：软件产品首页、服务说明页。
查看原始网站使用规范
建议采用
- #1dbf73仅用于链接、标志圆点、选中或激活状态及分类标签边框，绝不用于填充按钮或大面积表面。
- 首屏展示标题采用Macan、字重280、72px及-0.06em字间距；超细展示文字是品牌标志性的编辑式选择。
- 所有分类标签胶囊和行内链接胶囊采用9999px圆角，服务卡片采用16px圆角，操作按钮采用8px圆角。
- 仅为服务分类卡片应用这道柔和阴影：rgba(0,0,0,0.13) 0px 3px 10px 0px；不要叠加阴影，也不要在其他地方添加更强的阴影。
- 铺满画面的促销区块交替使用Carbon #222325与Forest Stage #003912，两者都作为承载白色文字和图像内容的深色舞台。
- 正文使用Macan 400，副标题和导航使用600，700仅用于主要CTA按钮标签。
- 组件组内的元素间隔保持12px，组件组之间采用24–40px，区块之间以40–64px垂直空间分隔。
建议避免
- 不要将#1dbf73用于填充CTA背景，它只出现在边框、链接和标志圆点上。
- 正文或展示文案不要使用粗体（700）；280超细展示文字与400正文正是Fiverr区别于普通市场UI的特征。
- 不要引入九个色彩设计变量组成的中性色加绿色系统以外的颜色，不使用紫色、蓝色或暖色。
- 不要添加装饰性渐变；系统采用平面表面和一道阴影，没有渐变语言。
- 不要使用已定义的四个取值以外的圆角（4px导航、8px按钮、12px输入框、16px卡片、9999px胶囊）。
- 文字或背景不要使用#000000；#222325 Carbon是指定的近黑色，比纯黑略暖且柔和。
- 不要让多个彩色元素相邻；绿色必须像标点一样出现，不能形成一片色彩覆盖。
