Aaply 网站预览
Aaply 网站预览

Aaply

数字草图板搭配电光笔效果

Aaply 读作一个轻灰色画布上的数字草图板:一切都是扁平的,一切都是圆角的,电黄色带来活力,黑色则稳定结构。标题本身如同白板——粗黑字体被彩色表情符号和图标贴纸打断,表明这是一款用于创意工作的工具。表面以柔和的白色卡片形式漂浮于冷灰色背景之上,带有细微的点状网格纹理,从不依赖阴影来营造深度。品牌色以饱满的填充呈现(按钮、强调形状、标志标记),而非细线或染色背景。整体感觉充满活力却毫不浮夸——这是一个工作表面,而非画廊。

查看原始网站

使用规范

建议采用

  • 所有按钮、标签及小交互元素的圆角半径均设为 3000px
  • 使用 Poppins 字重 700 且字间距收紧(-0.0740em)用于展示和首屏标题
  • 每个黄色填充按钮必须搭配一个黑色填充按钮作为高对比度配对
  • 将 表情符号 或扁平图标插图直接嵌入标题内部——而非置于其旁边
  • 在产品预览背景中使用点状网格纹理,以传达‘这是可编辑的画布’的信号
  • 特征卡片的边框圆角设为 30-40px;小规模 UI 模板仅设为 16px
  • 所有文字颜色保持 #000000,背景为白色或浅色——系统运行在最大对比度模式下

建议避免

  • 不要叠加多个阴影层——系统仅在导航栏使用一层阴影,其他地方均无
  • 不要引入超出四色调色板(黄色、红色、蓝色、桃色)之外的强调色
  • 不要使用轻量或细体字重来呈现标题——Poppins 700 是展示文本的最低标准
  • 按钮、标签或卡片的角不能是锐角——所有交互元素必须完全圆角
  • 不要在黄色和黑色按钮之间使用其他样式——它们始终以配对形式出现
  • 不要将 表情符号 或插图用作标题和产品模版之外的独立装饰
  • 不要将桃色 #ff8562 作为整个背景区块使用——它仅作为柔和的底色出现在模版集群之后