text_fields品牌系统
Lignity 排版
我们的排版系统建立在精确和易读性的基础上。我们使用 Inter 因其干净的工业美学和技术清晰度,确保我们的信息始终具有影响力。
Aa
Inter
因其在屏幕上的卓越易读性及其即中性又技术的美学而被选中。Inter 具有较高的 x 高度,有助于混合大小写和其小写文本的可读性。
字符集
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 (!@#$%&.,?:;)
Aa
轻
Weight 300
Aa
常规
Weight 400
Aa
粗体
Weight 700
Aa
黑体
Weight 900
技术字体
少量用于数据可视化、代码片段和技术规格。
Roboto Mono
Inter 的等宽伴侣。其几何形式补充了品牌的技术外观,同时为数值数据和技术标注提供了独特的清晰度。
123数字
{ }语法
->逻辑
// Material Properties
tensileStrength1450 MPa
thermal_cond0.4 W/mK
bio_content98.5%
排版层级
数字应用的缩放和节奏指南。
标题 1
材料的未来
Inter Black
48px / 60px
48px / 60px
标题 2
为可持续性而设计
Inter Bold
36px / 44px
36px / 44px
标题 3
生物基木质素衍生物
Inter Bold
24px / 32px
24px / 32px
正文
Lignity 是一家深科技材料公司,致力于开发源自木质素的下一代生物基循环材料。本段落展示了用于长篇内容的标准正文文本样式。
Inter Regular
16px / 26px
16px / 26px
说明
图 1.0 - 改性木质素的分子结构。
Inter Medium
12px / 16px
12px / 16px
rule
使用指南
- check_circle对大标题使用 Inter Tight 或更紧凑的字距,以创建更具冲击力和结构感的外观。
- check_circle确保文本与背景之间的高对比度。使用 石墨黑 或 白色 以获得最大易读性。
- cancel避免使用与我们的工业、技术美学相冲突的衬线字体或装饰性字体。
text_fieldsInter & Roboto Mono