Demos Articles
Demos Articles
Typography System
Typography System
Search Article
Aug 12, 2025
Kybos: Demonstrating DAHR's Universal Data Verification
Kybos: Demonstrating DAHR's Universal Data Verification
kybos, DAHR, data verification, dice game, API, blockchain, provably fair, demos network
Aug 12, 2025
Omniweb Wallet V0.2 The First Proof of Abstraction
Omniweb Wallet V0.2 The First Proof of Abstraction
wallet, abstraction, unified-send, cross-chain, liquidity, omniweb, interoperability, web3
Aug 12, 2025
Unstoppable Identity Meets Universal Connectivity
Unstoppable Identity Meets Universal Connectivity
identity, domains, unstoppable, connectivity, web3, authentication, payments, messaging
Aug 12, 2025
Welcome to the Demos NFT Sale - Community Phase
Welcome to the Demos NFT Sale - Community Phase
NFT, sale, community, whitelist, mint, purchase, Solana, Ethereum
Aug 12, 2025
The Demos NFT Sale - Eligibility and Payments
The Demos NFT Sale - Eligibility and Payments
nft, sale, eligibility, payments, community, validators, omniweb
Aug 12, 2025
Demos Network NFT Sale: Securing the Omniweb
Demos Network NFT Sale: Securing the Omniweb
nft, sale, node, validators, omniweb, community, rewards
Aug 12, 2025
Demos X Leaderboard. Earn transparent and clear rewards.
Demos X Leaderboard. Earn transparent and clear rewards.
leaderboard, twitter, rewards, omniweb, cross-chain, transparent
Aug 12, 2025
Open Sourcing Demos: Why We're Fighting for the Soul of Blockchain
Open Sourcing Demos: Why We're Fighting for the Soul of Blockchain
open-source, blockchain, freedom, decentralization, github, transparency
Aug 12, 2025
Introducing The Demos Wallet: Foundation Release
Introducing The Demos Wallet: Foundation Release
wallet, foundation, release, demos, infrastructure, omniweb, development, launch
Load More
Search Article
Aug 12, 2025
Kybos: Demonstrating DAHR's Universal Data Verification
Kybos: Demonstrating DAHR's Universal Data Verification
kybos, DAHR, data verification, dice game, API, blockchain, provably fair, demos network
Aug 12, 2025
Omniweb Wallet V0.2 The First Proof of Abstraction
Omniweb Wallet V0.2 The First Proof of Abstraction
wallet, abstraction, unified-send, cross-chain, liquidity, omniweb, interoperability, web3
Aug 12, 2025
Unstoppable Identity Meets Universal Connectivity
Unstoppable Identity Meets Universal Connectivity
identity, domains, unstoppable, connectivity, web3, authentication, payments, messaging
Aug 12, 2025
Welcome to the Demos NFT Sale - Community Phase
Welcome to the Demos NFT Sale - Community Phase
NFT, sale, community, whitelist, mint, purchase, Solana, Ethereum
Aug 12, 2025
The Demos NFT Sale - Eligibility and Payments
The Demos NFT Sale - Eligibility and Payments
nft, sale, eligibility, payments, community, validators, omniweb
Aug 12, 2025
Demos Network NFT Sale: Securing the Omniweb
Demos Network NFT Sale: Securing the Omniweb
nft, sale, node, validators, omniweb, community, rewards
Aug 12, 2025
Demos X Leaderboard. Earn transparent and clear rewards.
Demos X Leaderboard. Earn transparent and clear rewards.
leaderboard, twitter, rewards, omniweb, cross-chain, transparent
Aug 12, 2025
Open Sourcing Demos: Why We're Fighting for the Soul of Blockchain
Open Sourcing Demos: Why We're Fighting for the Soul of Blockchain
open-source, blockchain, freedom, decentralization, github, transparency
Aug 12, 2025
Introducing The Demos Wallet: Foundation Release
Introducing The Demos Wallet: Foundation Release
wallet, foundation, release, demos, infrastructure, omniweb, development, launch
Load More
Typography System
Typography System
Typography System
Font Families
Primary Font: Inter
/* Headings and Body Text */ font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; /* Weights Available */ font-weight: 200; /* Light */ font-weight: 400; /* Regular */ font-weight: 500; /* Medium */ font-weight: 600; /* SemiBold */ font-weight: 700; /* Bold */
Typography Scale
Headings
/* H1 - Main Headlines */ .heading-1 { font-family: 'Inter'; font-weight: 700; font-size: 40px; line-height: 1.1em; letter-spacing: -0.04em; }
Typography Guidelines
Large Text (24px+): -0.04em for better readability
Medium Text (16-24px): -0.02em for optimal spacing
Small Text (12-16px): -0.02em to -0.03em
Typography System
Font Families
Primary Font: Inter
/* Headings and Body Text */ font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; /* Weights Available */ font-weight: 200; /* Light */ font-weight: 400; /* Regular */ font-weight: 500; /* Medium */ font-weight: 600; /* SemiBold */ font-weight: 700; /* Bold */
Typography Scale
Headings
/* H1 - Main Headlines */ .heading-1 { font-family: 'Inter'; font-weight: 700; font-size: 40px; line-height: 1.1em; letter-spacing: -0.04em; }
Typography Guidelines
Large Text (24px+): -0.04em for better readability
Medium Text (16-24px): -0.02em for optimal spacing
Small Text (12-16px): -0.02em to -0.03em
Typography System
Font Families
Primary Font: Inter
/* Headings and Body Text */ font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; /* Weights Available */ font-weight: 200; /* Light */ font-weight: 400; /* Regular */ font-weight: 500; /* Medium */ font-weight: 600; /* SemiBold */ font-weight: 700; /* Bold */
Typography Scale
Headings
/* H1 - Main Headlines */ .heading-1 { font-family: 'Inter'; font-weight: 700; font-size: 40px; line-height: 1.1em; letter-spacing: -0.04em; }
Typography Guidelines
Large Text (24px+): -0.04em for better readability
Medium Text (16-24px): -0.02em for optimal spacing
Small Text (12-16px): -0.02em to -0.03em
Typography System
Font Families
Primary Font: Inter
/* Headings and Body Text */ font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; /* Weights Available */ font-weight: 200; /* Light */ font-weight: 400; /* Regular */ font-weight: 500; /* Medium */ font-weight: 600; /* SemiBold */ font-weight: 700; /* Bold */
Typography Scale
Headings
/* H1 - Main Headlines */ .heading-1 { font-family: 'Inter'; font-weight: 700; font-size: 40px; line-height: 1.1em; letter-spacing: -0.04em; }
Typography Guidelines
Large Text (24px+): -0.04em for better readability
Medium Text (16-24px): -0.02em for optimal spacing
Small Text (12-16px): -0.02em to -0.03em
Typography System
Font Families
Primary Font: Inter
/* Headings and Body Text */ font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; /* Weights Available */ font-weight: 200; /* Light */ font-weight: 400; /* Regular */ font-weight: 500; /* Medium */ font-weight: 600; /* SemiBold */ font-weight: 700; /* Bold */
Typography Scale
Headings
/* H1 - Main Headlines */ .heading-1 { font-family: 'Inter'; font-weight: 700; font-size: 40px; line-height: 1.1em; letter-spacing: -0.04em; }
Typography Guidelines
Large Text (24px+): -0.04em for better readability
Medium Text (16-24px): -0.02em for optimal spacing
Small Text (12-16px): -0.02em to -0.03em
Typography System
Font Families
Primary Font: Inter
/* Headings and Body Text */ font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; /* Weights Available */ font-weight: 200; /* Light */ font-weight: 400; /* Regular */ font-weight: 500; /* Medium */ font-weight: 600; /* SemiBold */ font-weight: 700; /* Bold */
Typography Scale
Headings
/* H1 - Main Headlines */ .heading-1 { font-family: 'Inter'; font-weight: 700; font-size: 40px; line-height: 1.1em; letter-spacing: -0.04em; }
Typography Guidelines
Large Text (24px+): -0.04em for better readability
Medium Text (16-24px): -0.02em for optimal spacing
Small Text (12-16px): -0.02em to -0.03em
Typography System
Font Families
Primary Font: Inter
/* Headings and Body Text */ font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; /* Weights Available */ font-weight: 200; /* Light */ font-weight: 400; /* Regular */ font-weight: 500; /* Medium */ font-weight: 600; /* SemiBold */ font-weight: 700; /* Bold */
Typography Scale
Headings
/* H1 - Main Headlines */ .heading-1 { font-family: 'Inter'; font-weight: 700; font-size: 40px; line-height: 1.1em; letter-spacing: -0.04em; }
Typography Guidelines
Large Text (24px+): -0.04em for better readability
Medium Text (16-24px): -0.02em for optimal spacing
Small Text (12-16px): -0.02em to -0.03em
Typography System
Font Families
Primary Font: Inter
/* Headings and Body Text */ font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; /* Weights Available */ font-weight: 200; /* Light */ font-weight: 400; /* Regular */ font-weight: 500; /* Medium */ font-weight: 600; /* SemiBold */ font-weight: 700; /* Bold */
Typography Scale
Headings
/* H1 - Main Headlines */ .heading-1 { font-family: 'Inter'; font-weight: 700; font-size: 40px; line-height: 1.1em; letter-spacing: -0.04em; }
Typography Guidelines
Large Text (24px+): -0.04em for better readability
Medium Text (16-24px): -0.02em for optimal spacing
Small Text (12-16px): -0.02em to -0.03em
Typography System
Font Families
Primary Font: Inter
/* Headings and Body Text */ font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; /* Weights Available */ font-weight: 200; /* Light */ font-weight: 400; /* Regular */ font-weight: 500; /* Medium */ font-weight: 600; /* SemiBold */ font-weight: 700; /* Bold */
Typography Scale
Headings
/* H1 - Main Headlines */ .heading-1 { font-family: 'Inter'; font-weight: 700; font-size: 40px; line-height: 1.1em; letter-spacing: -0.04em; }
Typography Guidelines
Large Text (24px+): -0.04em for better readability
Medium Text (16-24px): -0.02em for optimal spacing
Small Text (12-16px): -0.02em to -0.03em
Typography System
Font Families
Primary Font: Inter
/* Headings and Body Text */ font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; /* Weights Available */ font-weight: 200; /* Light */ font-weight: 400; /* Regular */ font-weight: 500; /* Medium */ font-weight: 600; /* SemiBold */ font-weight: 700; /* Bold */
Typography Scale
Headings
/* H1 - Main Headlines */ .heading-1 { font-family: 'Inter'; font-weight: 700; font-size: 40px; line-height: 1.1em; letter-spacing: -0.04em; }
Typography Guidelines
Large Text (24px+): -0.04em for better readability
Medium Text (16-24px): -0.02em for optimal spacing
Small Text (12-16px): -0.02em to -0.03em
Typography System
Font Families
Primary Font: Inter
/* Headings and Body Text */ font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; /* Weights Available */ font-weight: 200; /* Light */ font-weight: 400; /* Regular */ font-weight: 500; /* Medium */ font-weight: 600; /* SemiBold */ font-weight: 700; /* Bold */
Typography Scale
Headings
/* H1 - Main Headlines */ .heading-1 { font-family: 'Inter'; font-weight: 700; font-size: 40px; line-height: 1.1em; letter-spacing: -0.04em; }
Typography Guidelines
Large Text (24px+): -0.04em for better readability
Medium Text (16-24px): -0.02em for optimal spacing
Small Text (12-16px): -0.02em to -0.03em
Typography System
Font Families
Primary Font: Inter
/* Headings and Body Text */ font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; /* Weights Available */ font-weight: 200; /* Light */ font-weight: 400; /* Regular */ font-weight: 500; /* Medium */ font-weight: 600; /* SemiBold */ font-weight: 700; /* Bold */
Typography Scale
Headings
/* H1 - Main Headlines */ .heading-1 { font-family: 'Inter'; font-weight: 700; font-size: 40px; line-height: 1.1em; letter-spacing: -0.04em; }
Typography Guidelines
Large Text (24px+): -0.04em for better readability
Medium Text (16-24px): -0.02em for optimal spacing
Small Text (12-16px): -0.02em to -0.03em
Typography System
Font Families
Primary Font: Inter
/* Headings and Body Text */ font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; /* Weights Available */ font-weight: 200; /* Light */ font-weight: 400; /* Regular */ font-weight: 500; /* Medium */ font-weight: 600; /* SemiBold */ font-weight: 700; /* Bold */
Typography Scale
Headings
/* H1 - Main Headlines */ .heading-1 { font-family: 'Inter'; font-weight: 700; font-size: 40px; line-height: 1.1em; letter-spacing: -0.04em; }
Typography Guidelines
Large Text (24px+): -0.04em for better readability
Medium Text (16-24px): -0.02em for optimal spacing
Small Text (12-16px): -0.02em to -0.03em
Typography System
Font Families
Primary Font: Inter
/* Headings and Body Text */ font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; /* Weights Available */ font-weight: 200; /* Light */ font-weight: 400; /* Regular */ font-weight: 500; /* Medium */ font-weight: 600; /* SemiBold */ font-weight: 700; /* Bold */
Typography Scale
Headings
/* H1 - Main Headlines */ .heading-1 { font-family: 'Inter'; font-weight: 700; font-size: 40px; line-height: 1.1em; letter-spacing: -0.04em; }
Typography Guidelines
Large Text (24px+): -0.04em for better readability
Medium Text (16-24px): -0.02em for optimal spacing
Small Text (12-16px): -0.02em to -0.03em
Typography System
Font Families
Primary Font: Inter
/* Headings and Body Text */ font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; /* Weights Available */ font-weight: 200; /* Light */ font-weight: 400; /* Regular */ font-weight: 500; /* Medium */ font-weight: 600; /* SemiBold */ font-weight: 700; /* Bold */
Typography Scale
Headings
/* H1 - Main Headlines */ .heading-1 { font-family: 'Inter'; font-weight: 700; font-size: 40px; line-height: 1.1em; letter-spacing: -0.04em; }
Typography Guidelines
Large Text (24px+): -0.04em for better readability
Medium Text (16-24px): -0.02em for optimal spacing
Small Text (12-16px): -0.02em to -0.03em
Typography System
Font Families
Primary Font: Inter
/* Headings and Body Text */ font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; /* Weights Available */ font-weight: 200; /* Light */ font-weight: 400; /* Regular */ font-weight: 500; /* Medium */ font-weight: 600; /* SemiBold */ font-weight: 700; /* Bold */
Typography Scale
Headings
/* H1 - Main Headlines */ .heading-1 { font-family: 'Inter'; font-weight: 700; font-size: 40px; line-height: 1.1em; letter-spacing: -0.04em; }
Typography Guidelines
Large Text (24px+): -0.04em for better readability
Medium Text (16-24px): -0.02em for optimal spacing
Small Text (12-16px): -0.02em to -0.03em
Typography System
Font Families
Primary Font: Inter
/* Headings and Body Text */ font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; /* Weights Available */ font-weight: 200; /* Light */ font-weight: 400; /* Regular */ font-weight: 500; /* Medium */ font-weight: 600; /* SemiBold */ font-weight: 700; /* Bold */
Typography Scale
Headings
/* H1 - Main Headlines */ .heading-1 { font-family: 'Inter'; font-weight: 700; font-size: 40px; line-height: 1.1em; letter-spacing: -0.04em; }
Typography Guidelines
Large Text (24px+): -0.04em for better readability
Medium Text (16-24px): -0.02em for optimal spacing
Small Text (12-16px): -0.02em to -0.03em
Typography System
Font Families
Primary Font: Inter
/* Headings and Body Text */ font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; /* Weights Available */ font-weight: 200; /* Light */ font-weight: 400; /* Regular */ font-weight: 500; /* Medium */ font-weight: 600; /* SemiBold */ font-weight: 700; /* Bold */
Typography Scale
Headings
/* H1 - Main Headlines */ .heading-1 { font-family: 'Inter'; font-weight: 700; font-size: 40px; line-height: 1.1em; letter-spacing: -0.04em; }
Typography Guidelines
Large Text (24px+): -0.04em for better readability
Medium Text (16-24px): -0.02em for optimal spacing
Small Text (12-16px): -0.02em to -0.03em
Typography System
Font Families
Primary Font: Inter
/* Headings and Body Text */ font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; /* Weights Available */ font-weight: 200; /* Light */ font-weight: 400; /* Regular */ font-weight: 500; /* Medium */ font-weight: 600; /* SemiBold */ font-weight: 700; /* Bold */
Typography Scale
Headings
/* H1 - Main Headlines */ .heading-1 { font-family: 'Inter'; font-weight: 700; font-size: 40px; line-height: 1.1em; letter-spacing: -0.04em; }
Typography Guidelines
Large Text (24px+): -0.04em for better readability
Medium Text (16-24px): -0.02em for optimal spacing
Small Text (12-16px): -0.02em to -0.03em
Typography System
Font Families
Primary Font: Inter
/* Headings and Body Text */ font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; /* Weights Available */ font-weight: 200; /* Light */ font-weight: 400; /* Regular */ font-weight: 500; /* Medium */ font-weight: 600; /* SemiBold */ font-weight: 700; /* Bold */
Typography Scale
Headings
/* H1 - Main Headlines */ .heading-1 { font-family: 'Inter'; font-weight: 700; font-size: 40px; line-height: 1.1em; letter-spacing: -0.04em; }
Typography Guidelines
Large Text (24px+): -0.04em for better readability
Medium Text (16-24px): -0.02em for optimal spacing
Small Text (12-16px): -0.02em to -0.03em
Typography System
Font Families
Primary Font: Inter
/* Headings and Body Text */ font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; /* Weights Available */ font-weight: 200; /* Light */ font-weight: 400; /* Regular */ font-weight: 500; /* Medium */ font-weight: 600; /* SemiBold */ font-weight: 700; /* Bold */
Typography Scale
Headings
/* H1 - Main Headlines */ .heading-1 { font-family: 'Inter'; font-weight: 700; font-size: 40px; line-height: 1.1em; letter-spacing: -0.04em; }
Typography Guidelines
Large Text (24px+): -0.04em for better readability
Medium Text (16-24px): -0.02em for optimal spacing
Small Text (12-16px): -0.02em to -0.03em
Typography System
Font Families
Primary Font: Inter
/* Headings and Body Text */ font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; /* Weights Available */ font-weight: 200; /* Light */ font-weight: 400; /* Regular */ font-weight: 500; /* Medium */ font-weight: 600; /* SemiBold */ font-weight: 700; /* Bold */
Typography Scale
Headings
/* H1 - Main Headlines */ .heading-1 { font-family: 'Inter'; font-weight: 700; font-size: 40px; line-height: 1.1em; letter-spacing: -0.04em; }
Typography Guidelines
Large Text (24px+): -0.04em for better readability
Medium Text (16-24px): -0.02em for optimal spacing
Small Text (12-16px): -0.02em to -0.03em
Typography System
Font Families
Primary Font: Inter
/* Headings and Body Text */ font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; /* Weights Available */ font-weight: 200; /* Light */ font-weight: 400; /* Regular */ font-weight: 500; /* Medium */ font-weight: 600; /* SemiBold */ font-weight: 700; /* Bold */
Typography Scale
Headings
/* H1 - Main Headlines */ .heading-1 { font-family: 'Inter'; font-weight: 700; font-size: 40px; line-height: 1.1em; letter-spacing: -0.04em; }
Typography Guidelines
Large Text (24px+): -0.04em for better readability
Medium Text (16-24px): -0.02em for optimal spacing
Small Text (12-16px): -0.02em to -0.03em
Typography System
Font Families
Primary Font: Inter
/* Headings and Body Text */ font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; /* Weights Available */ font-weight: 200; /* Light */ font-weight: 400; /* Regular */ font-weight: 500; /* Medium */ font-weight: 600; /* SemiBold */ font-weight: 700; /* Bold */
Typography Scale
Headings
/* H1 - Main Headlines */ .heading-1 { font-family: 'Inter'; font-weight: 700; font-size: 40px; line-height: 1.1em; letter-spacing: -0.04em; }
Typography Guidelines
Large Text (24px+): -0.04em for better readability
Medium Text (16-24px): -0.02em for optimal spacing
Small Text (12-16px): -0.02em to -0.03em
Typography System
Font Families
Primary Font: Inter
/* Headings and Body Text */ font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; /* Weights Available */ font-weight: 200; /* Light */ font-weight: 400; /* Regular */ font-weight: 500; /* Medium */ font-weight: 600; /* SemiBold */ font-weight: 700; /* Bold */
Typography Scale
Headings
/* H1 - Main Headlines */ .heading-1 { font-family: 'Inter'; font-weight: 700; font-size: 40px; line-height: 1.1em; letter-spacing: -0.04em; }
Typography Guidelines
Large Text (24px+): -0.04em for better readability
Medium Text (16-24px): -0.02em for optimal spacing
Small Text (12-16px): -0.02em to -0.03em
Typography System
Font Families
Primary Font: Inter
/* Headings and Body Text */ font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; /* Weights Available */ font-weight: 200; /* Light */ font-weight: 400; /* Regular */ font-weight: 500; /* Medium */ font-weight: 600; /* SemiBold */ font-weight: 700; /* Bold */
Typography Scale
Headings
/* H1 - Main Headlines */ .heading-1 { font-family: 'Inter'; font-weight: 700; font-size: 40px; line-height: 1.1em; letter-spacing: -0.04em; }
Typography Guidelines
Large Text (24px+): -0.04em for better readability
Medium Text (16-24px): -0.02em for optimal spacing
Small Text (12-16px): -0.02em to -0.03em
Typography System
Font Families
Primary Font: Inter
/* Headings and Body Text */ font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; /* Weights Available */ font-weight: 200; /* Light */ font-weight: 400; /* Regular */ font-weight: 500; /* Medium */ font-weight: 600; /* SemiBold */ font-weight: 700; /* Bold */
Typography Scale
Headings
/* H1 - Main Headlines */ .heading-1 { font-family: 'Inter'; font-weight: 700; font-size: 40px; line-height: 1.1em; letter-spacing: -0.04em; }
Typography Guidelines
Large Text (24px+): -0.04em for better readability
Medium Text (16-24px): -0.02em for optimal spacing
Small Text (12-16px): -0.02em to -0.03em
Typography System
Font Families
Primary Font: Inter
/* Headings and Body Text */ font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; /* Weights Available */ font-weight: 200; /* Light */ font-weight: 400; /* Regular */ font-weight: 500; /* Medium */ font-weight: 600; /* SemiBold */ font-weight: 700; /* Bold */
Typography Scale
Headings
/* H1 - Main Headlines */ .heading-1 { font-family: 'Inter'; font-weight: 700; font-size: 40px; line-height: 1.1em; letter-spacing: -0.04em; }
Typography Guidelines
Large Text (24px+): -0.04em for better readability
Medium Text (16-24px): -0.02em for optimal spacing
Small Text (12-16px): -0.02em to -0.03em
Typography System
Font Families
Primary Font: Inter
/* Headings and Body Text */ font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; /* Weights Available */ font-weight: 200; /* Light */ font-weight: 400; /* Regular */ font-weight: 500; /* Medium */ font-weight: 600; /* SemiBold */ font-weight: 700; /* Bold */
Typography Scale
Headings
/* H1 - Main Headlines */ .heading-1 { font-family: 'Inter'; font-weight: 700; font-size: 40px; line-height: 1.1em; letter-spacing: -0.04em; }
Typography Guidelines
Large Text (24px+): -0.04em for better readability
Medium Text (16-24px): -0.02em for optimal spacing
Small Text (12-16px): -0.02em to -0.03em
Typography System
Font Families
Primary Font: Inter
/* Headings and Body Text */ font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; /* Weights Available */ font-weight: 200; /* Light */ font-weight: 400; /* Regular */ font-weight: 500; /* Medium */ font-weight: 600; /* SemiBold */ font-weight: 700; /* Bold */
Typography Scale
Headings
/* H1 - Main Headlines */ .heading-1 { font-family: 'Inter'; font-weight: 700; font-size: 40px; line-height: 1.1em; letter-spacing: -0.04em; }
Typography Guidelines
Large Text (24px+): -0.04em for better readability
Medium Text (16-24px): -0.02em for optimal spacing
Small Text (12-16px): -0.02em to -0.03em
Typography System
Font Families
Primary Font: Inter
/* Headings and Body Text */ font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; /* Weights Available */ font-weight: 200; /* Light */ font-weight: 400; /* Regular */ font-weight: 500; /* Medium */ font-weight: 600; /* SemiBold */ font-weight: 700; /* Bold */
Typography Scale
Headings
/* H1 - Main Headlines */ .heading-1 { font-family: 'Inter'; font-weight: 700; font-size: 40px; line-height: 1.1em; letter-spacing: -0.04em; }
Typography Guidelines
Large Text (24px+): -0.04em for better readability
Medium Text (16-24px): -0.02em for optimal spacing
Small Text (12-16px): -0.02em to -0.03em
Typography System
Font Families
Primary Font: Inter
/* Headings and Body Text */ font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; /* Weights Available */ font-weight: 200; /* Light */ font-weight: 400; /* Regular */ font-weight: 500; /* Medium */ font-weight: 600; /* SemiBold */ font-weight: 700; /* Bold */
Typography Scale
Headings
/* H1 - Main Headlines */ .heading-1 { font-family: 'Inter'; font-weight: 700; font-size: 40px; line-height: 1.1em; letter-spacing: -0.04em; }
Typography Guidelines
Large Text (24px+): -0.04em for better readability
Medium Text (16-24px): -0.02em for optimal spacing
Small Text (12-16px): -0.02em to -0.03em
Typography System
Font Families
Primary Font: Inter
/* Headings and Body Text */ font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; /* Weights Available */ font-weight: 200; /* Light */ font-weight: 400; /* Regular */ font-weight: 500; /* Medium */ font-weight: 600; /* SemiBold */ font-weight: 700; /* Bold */
Typography Scale
Headings
/* H1 - Main Headlines */ .heading-1 { font-family: 'Inter'; font-weight: 700; font-size: 40px; line-height: 1.1em; letter-spacing: -0.04em; }
Typography Guidelines
Large Text (24px+): -0.04em for better readability
Medium Text (16-24px): -0.02em for optimal spacing
Small Text (12-16px): -0.02em to -0.03em
Typography System
Font Families
Primary Font: Inter
/* Headings and Body Text */ font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; /* Weights Available */ font-weight: 200; /* Light */ font-weight: 400; /* Regular */ font-weight: 500; /* Medium */ font-weight: 600; /* SemiBold */ font-weight: 700; /* Bold */
Typography Scale
Headings
/* H1 - Main Headlines */ .heading-1 { font-family: 'Inter'; font-weight: 700; font-size: 40px; line-height: 1.1em; letter-spacing: -0.04em; }
Typography Guidelines
Large Text (24px+): -0.04em for better readability
Medium Text (16-24px): -0.02em for optimal spacing
Small Text (12-16px): -0.02em to -0.03em
Typography System
Font Families
Primary Font: Inter
/* Headings and Body Text */ font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; /* Weights Available */ font-weight: 200; /* Light */ font-weight: 400; /* Regular */ font-weight: 500; /* Medium */ font-weight: 600; /* SemiBold */ font-weight: 700; /* Bold */
Typography Scale
Headings
/* H1 - Main Headlines */ .heading-1 { font-family: 'Inter'; font-weight: 700; font-size: 40px; line-height: 1.1em; letter-spacing: -0.04em; }
Typography Guidelines
Large Text (24px+): -0.04em for better readability
Medium Text (16-24px): -0.02em for optimal spacing
Small Text (12-16px): -0.02em to -0.03em
Typography System
Font Families
Primary Font: Inter
/* Headings and Body Text */ font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; /* Weights Available */ font-weight: 200; /* Light */ font-weight: 400; /* Regular */ font-weight: 500; /* Medium */ font-weight: 600; /* SemiBold */ font-weight: 700; /* Bold */
Typography Scale
Headings
/* H1 - Main Headlines */ .heading-1 { font-family: 'Inter'; font-weight: 700; font-size: 40px; line-height: 1.1em; letter-spacing: -0.04em; }
Typography Guidelines
Large Text (24px+): -0.04em for better readability
Medium Text (16-24px): -0.02em for optimal spacing
Small Text (12-16px): -0.02em to -0.03em
Typography System
Font Families
Primary Font: Inter
/* Headings and Body Text */ font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; /* Weights Available */ font-weight: 200; /* Light */ font-weight: 400; /* Regular */ font-weight: 500; /* Medium */ font-weight: 600; /* SemiBold */ font-weight: 700; /* Bold */
Typography Scale
Headings
/* H1 - Main Headlines */ .heading-1 { font-family: 'Inter'; font-weight: 700; font-size: 40px; line-height: 1.1em; letter-spacing: -0.04em; }
Typography Guidelines
Large Text (24px+): -0.04em for better readability
Medium Text (16-24px): -0.02em for optimal spacing
Small Text (12-16px): -0.02em to -0.03em
Typography System
Font Families
Primary Font: Inter
/* Headings and Body Text */ font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; /* Weights Available */ font-weight: 200; /* Light */ font-weight: 400; /* Regular */ font-weight: 500; /* Medium */ font-weight: 600; /* SemiBold */ font-weight: 700; /* Bold */
Typography Scale
Headings
/* H1 - Main Headlines */ .heading-1 { font-family: 'Inter'; font-weight: 700; font-size: 40px; line-height: 1.1em; letter-spacing: -0.04em; }
Typography Guidelines
Large Text (24px+): -0.04em for better readability
Medium Text (16-24px): -0.02em for optimal spacing
Small Text (12-16px): -0.02em to -0.03em
Typography System
Font Families
Primary Font: Inter
/* Headings and Body Text */ font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; /* Weights Available */ font-weight: 200; /* Light */ font-weight: 400; /* Regular */ font-weight: 500; /* Medium */ font-weight: 600; /* SemiBold */ font-weight: 700; /* Bold */
Typography Scale
Headings
/* H1 - Main Headlines */ .heading-1 { font-family: 'Inter'; font-weight: 700; font-size: 40px; line-height: 1.1em; letter-spacing: -0.04em; }
Typography Guidelines
Large Text (24px+): -0.04em for better readability
Medium Text (16-24px): -0.02em for optimal spacing
Small Text (12-16px): -0.02em to -0.03em
Typography System
Font Families
Primary Font: Inter
/* Headings and Body Text */ font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; /* Weights Available */ font-weight: 200; /* Light */ font-weight: 400; /* Regular */ font-weight: 500; /* Medium */ font-weight: 600; /* SemiBold */ font-weight: 700; /* Bold */
Typography Scale
Headings
/* H1 - Main Headlines */ .heading-1 { font-family: 'Inter'; font-weight: 700; font-size: 40px; line-height: 1.1em; letter-spacing: -0.04em; }
Typography Guidelines
Large Text (24px+): -0.04em for better readability
Medium Text (16-24px): -0.02em for optimal spacing
Small Text (12-16px): -0.02em to -0.03em
Typography System
Typography System
FOOTER
[ CYA ]
