Color 色彩

概述

iView 推荐使用以下调色板的颜色作为设计和开发规范，以保证页面和组件之间的视觉一致。

主色

iView 使用较为安全的蓝色作为主色调，其中 Light Primary 常用于 hover，Dark Primary 常用于 active。

Color 色彩 - 图1

Primary

  1. #2d8cf0

Light Primary

  1. #5cadff

Dark Primary

  1. #2b85e4

辅助色

辅助色是具有代表性的颜色，常用于信息提示，比如成功、警告和失败。

Color 色彩 - 图2

Info

  1. #2db7f5

Success

  1. #19be6b

Warning

  1. #ff9900

Error

  1. #ed4014

中性色

中性色常用于文本、背景、边框、阴影等，可以体现出页面的层次结构。

Color 色彩 - 图3

标题 Title

  1. #17233d

正文 Content

  1. #515a6e

辅助/图标 Sub Color

  1. #808695

失效 Disabled

  1. #c5c8ce

边框 Border

  1. #dcdee2

分割线 Divider

  1. #e8eaec

背景 Background

  1. #f8f8f9