跳转到主要内容
返回文档中心设计系统

主题和配色

调整项目的视觉风格

主题和配色

自定义项目的视觉风格,打造独特的品牌体验。

主题模式

Thinkus 支持:

浅色模式

  • 白色背景
  • 深色文字
  • 适合日间使用
  • 深色模式

  • 深色背景
  • 浅色文字
  • 适合夜间使用
  • 跟随系统

  • 自动适配用户设备设置
  • 品牌色配置

    设置你的品牌主色:

    颜色类型用途 主色(Primary)按钮、链接、重点元素 次色(Secondary)次要按钮、标签 强调色(Accent)特殊提示、高亮 背景色页面背景 文字色正文内容

    预设主题

    我们提供多种预设主题:

    商务蓝

  • 主色:#2563EB
  • 专业、可信、稳重
  • 活力橙

  • 主色:#F97316
  • 活泼、年轻、有创意
  • 自然绿

  • 主色:#22C55E
  • 环保、健康、清新
  • 优雅紫

  • 主色:#8B5CF6
  • 高端、神秘、创意
  • 自定义颜色

    告诉 Sarah(设计总监)你想要的颜色:

    > "主色改成深蓝色 #1E3A5F"

    > "整体风格要温暖一些,用米色和棕色"

    配色建议

    1. 保持一致性

  • 全站使用统一的配色
  • 不要超过 3-4 种主要颜色
  • 2. 注意对比度

  • 确保文字清晰可读
  • 按钮要有足够的对比
  • 3. 考虑情感

  • 蓝色:信任、专业
  • 绿色:成长、健康
  • 红色:紧急、热情
  • 黄色:活力、乐观
  • 渐变色

    也可以使用渐变色:

    > "按钮用蓝到紫的渐变"

    > "背景用浅灰到白的过渡"