阿姆斯特丹设计系统:资产

此软件包提供来自 阿姆斯特丹设计系统。 。 。 . 用它将正确的字体,图标或标志包含在您的网站上.

安装

直接在您的工程中安装此软件包以引用资产 .

注意我们 反应组件 为一些资产提供更多功能并自动使用. 如果您的应用程序使用React, 您应该使用该软件包 .

npm install @amsterdam/design-system-assets

使用量

应用程序图标

设计系统手册有助于使用 外阴 或者说 网络显示和应用程序图标 用于您网站上设备的家庭屏幕.

字体文件

软件包中包含我们的阿姆斯特丹 Sans字体的Web Open格式字体(.woff2) (中文(简体) ). 导入我们的样式表以提供给您的工程 .

import "@amsterdam/design-system-assets/font/index.css"

《设计系统手册》 使用字体时的更多指导。 。 。 .

注意字体为专有. 使用它需要 执照。 。 。 .

该套件还包含"Redacted Script"字体,在"设计系统"的"Lo-fi Mode"中将文本取而代之. 与 Lo-fi 符号一起导入其样式表 .

import "@amsterdam/design-system-assets/font/lo-fi/index.css"

此字体为开源, 根据 SIL 打开字体许可证。 。 。 .

图标

《设计系统手册》提供 图标库概览。 。 。 .

您可以导入 SVG 文件在您的网站上使用图标 .

在反应项目中,使用 图标组件 换句话说. 它为使用图标提供了方便的API并简化了与文本的对齐.

日志

阿姆斯特丹市的地标作为SVG图像提供,以及各部门和服务的地标.

在反应项目中,使用 日志组件 换句话说.

更新

我们遵循语义 版本并发布一个 更改日志 引导您通过更新. 资产是设计系统的公共API. 请注意,检测被更改或删除的资产仍然是一个人工过程.

支助

如果你有问题,找到问题,或者想做贡献,请联系我们. 想办法联系我们 设计系统.amsterdam。 。 。 .