forked from Folex1275/StellarStream
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathTypographyEasy.txt
More file actions
39 lines (25 loc) · 2.18 KB
/
TypographyEasy.txt
File metadata and controls
39 lines (25 loc) · 2.18 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
Gemini said
This design specification outlines the typography system for Design Ledger, a financial interface framework. The system focuses on high-impact data visualization and dense technical clarity by utilizing a dual-font approach and specific numerical formatting.
Core Typography Foundations
The system is built on two primary typefaces designed to balance editorial style with technical rigor:
Space Grotesk: Used for Display and Headings. It provides a high-impact, geometric look for primary data points and titles.
Inter: Used for Body and Interface. It is optimized for legibility, density, and institutional clarity across captions and legal text.
Font Scale Hierarchy
The hierarchy is structured using a consistent scale to ensure structural clarity throughout digital touchpoints:
Level Size (px) Size (rem) Usage Context
Heading 1 56px 3.5rem Main titles, e.g., "Digital Ledger Assets"
Heading 2 32px 2.0rem Section headers, e.g., "Portfolio Yield Performance"
Heading 3 24px 1.5rem Sub-sections, e.g., "Transaction History Logs"
Body Large 18px 1.125rem Institutional-grade documentation and editorial content.
Body Small 14px 0.875rem Metadata, captions, and legal disclaimers.
Numerical Formatting (Tabular Figures)
A critical component of this financial system is the distinction between figure types:
Standard Figures: Variable width (jitter prone). Decimals and commas do not align vertically, making them harder to scan in lists.
Tabular Figures: Monospaced width (precision focus). Character widths are identical, allowing decimals and commas to align perfectly. This is the recommended standard for rapid scanning of financial data tables.
Balance Weight Hierarchies
Weight is used to establish importance within financial dashboard components:
Global Assets (Bold): Used for primary, high-impact totals. (Target: Dashboard Hero)
Liquid Capital (Medium): Used for secondary balanced views. (Target: Card Summaries)
Reserve Fund (Light): Used for tertiary reference values. (Target: Detailed Tables)
Note: These guidelines are governed by the 2024 Institutional Standards for Design Ledger Typography.
https://www.figma.com/design/ETuF7iIbeA2yj0F0VxPMQW/Typography-Easy?m=auto&t=puRsSG1SYzeEv5bC-6