Arcadia 网站预览
Arcadia 网站预览

Arcadia

暖白色基底、渐变展示与细线分隔。

页面以暖白色为基底,搭配近黑色文字。局部操作控件以深绿色强调。字体采用 DM Sans、Helvetica。视觉特点包括渐变展示、细线分隔、扁平表面、居中构图。适合参考的场景:SaaS 产品官网、功能介绍页。

查看原始网站

使用规范

建议采用

  • 所有主要CTA填充和公告栏使用Canopy(#104336),它是品牌的结构性颜色。
  • Mint Pulse(#0fff87)仅用于每个屏幕唯一最重要的操作,绝不散布在多个按钮上。
  • 展示标题采用48-56px DM Sans、字重300、-0.02em字间距和Ink(#000000)。
  • 眉题标签采用大写13px DM Sans、字重700、0.07em字间距,颜色为Mint Pulse、Canopy或Orb Violet。
  • 卡片通过1px Sage Mist(#afc4bf)边框与Cream Paper画布分隔,不使用投影。
  • 主要区块之间保持80-120px垂直间隔,让屏幕有呼吸空间。
  • 首屏文字组居中,最大宽度1200px,CTA紧接在辅助文案下方。

建议避免

  • 不要为卡片或按钮添加投影;系统依靠颜色递进和极细边框,而非高度阴影。
  • 不要引入新的饱和颜色;彩色色板严格限定为Canopy、Mint Pulse和Orb Violet。
  • 正文或长篇文案不要使用700字重,700仅用于短大写眉题。
  • 不要将Mint Pulse用于全宽背景或大面积表面;它是小型注意力强调,而非画布颜色。
  • 未经对比度测试,不要将文字直接放在首屏渐变上;在渐变最浅的色阶位置搭配居中的黑色或Bark文字。
  • 标准卡片不要使用大于16px的圆角;柔和但不过于圆润的感觉依赖这种克制。
  • 已有3D插画或图解内容的区块不要添加摄影,混合风格会破坏编辑式氛围。