设计系统

设计关键词

整体气质

  • 专业克制
  • 高端精致
  • 年轻活泼
  • 科技感
  • 编辑感
  • 工具感
  • 视觉冲击
  • 极简
  • 其他:

颜色

用途 色值 说明
主色
辅助色
背景色
文字主色
文字次色
边框色
成功色
警告色
错误色

字体

  • 中文字体:
  • 英文字体:
  • 数字字体:
  • 标题风格:
  • 正文字号:
  • 行高:

布局

  • 最大内容宽度:
  • 栅格:
  • 页面边距:
  • 区块间距:
  • 卡片间距:

组件风格

按钮

  • 主按钮:
  • 次按钮:
  • 图标按钮:
  • 禁用状态:
  • 加载状态:

卡片

  • 圆角:
  • 边框:
  • 阴影:
  • 内边距:

表单

  • 输入框:
  • 下拉框:
  • 错误提示:
  • 帮助文本:

导航

  • 顶部导航:
  • 侧边栏:
  • 移动端菜单:

动效

  • 页面进入:
  • 悬停:
  • 点击反馈:
  • 滚动动效:
  • 加载动效:

图片与图标

  • 图片风格:
  • 图标风格:
  • 是否使用插画:
  • 是否使用真实产品截图:

禁止事项