风格指南

颜色

十六进制 #e0bbb0

十六进制 #c4c6a7

十六进制 #b6ced0

十六进制 #fbf0c3

十六进制 #f1bf96

版式

波平斯


ABCDEFGHIJKLMNÑOPQRSTUVWXYZ

abcdefghijklmnñopqrstuvwxyz

1234567890 ¿?¡!@_*()


ABCDEFGHIJKLMNÑOPQRSTUVWXYZ

abcdefghijklmnñopqrstuvwxyz

1234567890 ¿?¡!@_*()


ABCDEFGHIJKLMNÑOPQRSTUVWXYZ

abcdefghijklmnñopqrstuvwxyz

1234567890 ¿?¡!@_*()

标题/标题

标题 1 - 粗体，48px

/ 1.5 / #e0bbb0

标题 2 - 粗体，4

0px / 1.5 / #e0bbb0

标题 3 - 粗体，36px / 1.5

/#3f3f3f

标题 4 - 粗体, 30px / 1.5 / #3f3f3f

标题 5, 24px / 1.5 / #b6ced0
标题 6, 20px / 1.5 / #b6ced0

版式/段落

波平斯，16px / 1.2 / #000000


Lorem ipsum dolor sat amet，consectetuer adipiscing elit，sed diam nonummy nibh euismod Tincidunt ut laoreet dolor magna aliquamerat volutpat。因为正如我所看到的，我会降到最低限度，参加身体的锻炼，以便以某种方式从中受益。 Duis，或他在 vulputate velit 中的 hendrerit 中出现 iriure 疼痛

Poppins 粗体, 16px / 1.2 / #000000


Lorem ipsum dolor sat amet，consectetuer adipiscing elit，sed diam nonummy nibh euismod Tincidunt ut laoreet dolor magna aliquamerat volutpat。

按钮

主按钮

普通的 徘徊 积极的

圆角

6%

文本按钮

超级链接

超级链接

超级链接

照片/图像

概念：这些必须代表该机构提供的服务以及投资组合的图像。


处理：圆角2%

阴影颜色 HEX #000000 25%

图标






图标必须构建在 64*64 网格上，采用 2px 十六进制颜色轮廓 #e0bbb0

间距

代币

$间距-01

$间距-02

$间距-03

$间距-04

$spacing-05



$间距-06

像素

8

16

24

32

40



48

例子

表格/字段

客户服务：

新段落

客户服务：

非常感谢