颜色

Layui 试图在清新与深沉之间寻求某种柔和,以不过分刺激大脑皮层的神经介质,反馈出经久耐看的微妙视图。您可以在我们精心调配的如下色系中合理搭配,减少不必要的违和感,从而使您的 Web 页面看上去尽可能融洽。

基色调

#16baaa

蓝绿色

#16b777

清新绿

#1e9fff

经典蓝

Layui 选取以象征清新与包容的「蓝绿色」作为主色调,它介于蓝与绿之间,亦可称之为「青色」,所谓青者,取之于蓝而深于绿,此间包罗万象,跨越时空。这也是我们对技术创作与人生哲学之间的一点思考。

辅色调

#ff5722

错误 - Danger

#ffb800

警示 - Warning

#16b777

成功 - Success

#31bdec

引导 - Info

页面中同样也少不了辅助色彩的点缀,以对不同含义的内容加以区分。Layui 从暖色系(红/橙)和冷色系(绿/蓝)中,各自调取了我们认为最具代表性的颜色值,它们通常在不同的场景中发挥着不同的作用。

中色调

#fafafa

#f7f7f7

#eeeeee

#e2e2e2

#dddddd

#d2d2d2

#cccccc

#c2c2c2

#2f363c

#23292e

中性的颜色是页面中的重要组成部分,也被称之为无彩色系,一般用于文本、背景和边框等。它能对由彩色进行视觉冲淡,以达到和谐自然的效果。Layui 认为恰当的灰度调配代表着极简,这是一种神奇的色系,是视觉疲劳的栖息,低调而优雅,且永不过时。

七色调

#ff5722 - 红
#ffb800 - 橙
#16baaa - 绿
#1e9fff - 蓝
#a233c6 - 紫
#2f363c - 深
#fafafa - 浅

Layui 的色调基础,除了前面提到的主辅中色之外,还建立在以上罗列的七种颜色之上。你同样也可以遵循我们提供的色调方案去扩展你的页面元素,使得能与 Layui 的主题风格无缝融合。


标语

不热衷于视觉设计的开发者不是一个好作家。 —— 贤心