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