设计套件

欢迎来到 Nuxt 设计定义页面。我们通过精心挑选颜色和形状重新定义了品牌形象,以表达 Nuxt 产品的易用与愉悦。

如需获取机器可读的设计令牌(颜色、排版、间距、组件),请参阅 /design.md。

徽标历史

Nuxt 徽标随着时间的推移逐渐演变,但山形和文字标识一直是其设计的关键元素。

徽标由两个元素组成:三角形的山和文字标识。在大多数情况下,它们应该一起出现,如相对的主锁定所示。三角形的山可以单独用作图标、头像或徽章,但文字标识绝不应在没有该符号的情况下使用。

图标

绿色
绿色
黑色
黑色
白色
白色
绿色与白色
绿色与白色
黑色
黑色
白色
白色
绿色与黑色
绿色与黑色

调色板

我们的调色板以标志性的 Nuxt 绿色为基础,搭配纯中性色,让绿色承担所有强调作用。创建 Nuxt 宣传内容时,请使用所示的颜色值,确保您的设计符合品牌形象。

绿色

#00DC82

白色

#FFFFFF

黑色

#0A0A0A

排版

标题使用 Outfit,这是一款几何无衬线字体,其圆润的形状呼应了 Nuxt 的山峰。正文和界面文本使用 Inter,专为各种尺寸屏幕上的清晰阅读而设计。

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz 0123456789

各级标题,中等字重

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz 0123456789

正文和界面文本