Demos Articles
Demos Articles
Color System & Palette
Color System & Palette
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
Color System & Palette
Color System & Palette
Color System & Palette
Primary Colors
/* Core Brand Colors */ --color-black: rgb(18, 18, 18); /* Primary background */ --color-bg: rgb(0, 0, 0); /* Deep background */ --color-white: rgb(246, 246, 246); /* Primary text */ --color-white-pure: rgb(255, 255, 255); /* Pure white accents */ /* Gray Scale */ --color-gray-1: rgb(136, 136, 136); /* Light gray text */ --color-gray-2: rgb(61, 61, 61); /* Medium gray */ --color-gray-3: rgb(28, 28, 28); /* Dark gray backgrounds */
Color Usage Guidelines
Background Colors
Primary Background:
rgb(0, 0, 0)- Main page backgroundCard Background:
rgb(8, 8, 8)- Article cards, componentsSecondary Background:
rgb(15, 15, 15)- Tags, metadata containersElevated Background:
rgb(18, 18, 18)- Headers, navigation
Color System & Palette
Primary Colors
/* Core Brand Colors */ --color-black: rgb(18, 18, 18); /* Primary background */ --color-bg: rgb(0, 0, 0); /* Deep background */ --color-white: rgb(246, 246, 246); /* Primary text */ --color-white-pure: rgb(255, 255, 255); /* Pure white accents */ /* Gray Scale */ --color-gray-1: rgb(136, 136, 136); /* Light gray text */ --color-gray-2: rgb(61, 61, 61); /* Medium gray */ --color-gray-3: rgb(28, 28, 28); /* Dark gray backgrounds */
Color Usage Guidelines
Background Colors
Primary Background:
rgb(0, 0, 0)- Main page backgroundCard Background:
rgb(8, 8, 8)- Article cards, componentsSecondary Background:
rgb(15, 15, 15)- Tags, metadata containersElevated Background:
rgb(18, 18, 18)- Headers, navigation
Color System & Palette
Primary Colors
/* Core Brand Colors */ --color-black: rgb(18, 18, 18); /* Primary background */ --color-bg: rgb(0, 0, 0); /* Deep background */ --color-white: rgb(246, 246, 246); /* Primary text */ --color-white-pure: rgb(255, 255, 255); /* Pure white accents */ /* Gray Scale */ --color-gray-1: rgb(136, 136, 136); /* Light gray text */ --color-gray-2: rgb(61, 61, 61); /* Medium gray */ --color-gray-3: rgb(28, 28, 28); /* Dark gray backgrounds */
Color Usage Guidelines
Background Colors
Primary Background:
rgb(0, 0, 0)- Main page backgroundCard Background:
rgb(8, 8, 8)- Article cards, componentsSecondary Background:
rgb(15, 15, 15)- Tags, metadata containersElevated Background:
rgb(18, 18, 18)- Headers, navigation
Color System & Palette
Primary Colors
/* Core Brand Colors */ --color-black: rgb(18, 18, 18); /* Primary background */ --color-bg: rgb(0, 0, 0); /* Deep background */ --color-white: rgb(246, 246, 246); /* Primary text */ --color-white-pure: rgb(255, 255, 255); /* Pure white accents */ /* Gray Scale */ --color-gray-1: rgb(136, 136, 136); /* Light gray text */ --color-gray-2: rgb(61, 61, 61); /* Medium gray */ --color-gray-3: rgb(28, 28, 28); /* Dark gray backgrounds */
Color Usage Guidelines
Background Colors
Primary Background:
rgb(0, 0, 0)- Main page backgroundCard Background:
rgb(8, 8, 8)- Article cards, componentsSecondary Background:
rgb(15, 15, 15)- Tags, metadata containersElevated Background:
rgb(18, 18, 18)- Headers, navigation
Color System & Palette
Primary Colors
/* Core Brand Colors */ --color-black: rgb(18, 18, 18); /* Primary background */ --color-bg: rgb(0, 0, 0); /* Deep background */ --color-white: rgb(246, 246, 246); /* Primary text */ --color-white-pure: rgb(255, 255, 255); /* Pure white accents */ /* Gray Scale */ --color-gray-1: rgb(136, 136, 136); /* Light gray text */ --color-gray-2: rgb(61, 61, 61); /* Medium gray */ --color-gray-3: rgb(28, 28, 28); /* Dark gray backgrounds */
Color Usage Guidelines
Background Colors
Primary Background:
rgb(0, 0, 0)- Main page backgroundCard Background:
rgb(8, 8, 8)- Article cards, componentsSecondary Background:
rgb(15, 15, 15)- Tags, metadata containersElevated Background:
rgb(18, 18, 18)- Headers, navigation
Color System & Palette
Primary Colors
/* Core Brand Colors */ --color-black: rgb(18, 18, 18); /* Primary background */ --color-bg: rgb(0, 0, 0); /* Deep background */ --color-white: rgb(246, 246, 246); /* Primary text */ --color-white-pure: rgb(255, 255, 255); /* Pure white accents */ /* Gray Scale */ --color-gray-1: rgb(136, 136, 136); /* Light gray text */ --color-gray-2: rgb(61, 61, 61); /* Medium gray */ --color-gray-3: rgb(28, 28, 28); /* Dark gray backgrounds */
Color Usage Guidelines
Background Colors
Primary Background:
rgb(0, 0, 0)- Main page backgroundCard Background:
rgb(8, 8, 8)- Article cards, componentsSecondary Background:
rgb(15, 15, 15)- Tags, metadata containersElevated Background:
rgb(18, 18, 18)- Headers, navigation
Color System & Palette
Primary Colors
/* Core Brand Colors */ --color-black: rgb(18, 18, 18); /* Primary background */ --color-bg: rgb(0, 0, 0); /* Deep background */ --color-white: rgb(246, 246, 246); /* Primary text */ --color-white-pure: rgb(255, 255, 255); /* Pure white accents */ /* Gray Scale */ --color-gray-1: rgb(136, 136, 136); /* Light gray text */ --color-gray-2: rgb(61, 61, 61); /* Medium gray */ --color-gray-3: rgb(28, 28, 28); /* Dark gray backgrounds */
Color Usage Guidelines
Background Colors
Primary Background:
rgb(0, 0, 0)- Main page backgroundCard Background:
rgb(8, 8, 8)- Article cards, componentsSecondary Background:
rgb(15, 15, 15)- Tags, metadata containersElevated Background:
rgb(18, 18, 18)- Headers, navigation
Color System & Palette
Primary Colors
/* Core Brand Colors */ --color-black: rgb(18, 18, 18); /* Primary background */ --color-bg: rgb(0, 0, 0); /* Deep background */ --color-white: rgb(246, 246, 246); /* Primary text */ --color-white-pure: rgb(255, 255, 255); /* Pure white accents */ /* Gray Scale */ --color-gray-1: rgb(136, 136, 136); /* Light gray text */ --color-gray-2: rgb(61, 61, 61); /* Medium gray */ --color-gray-3: rgb(28, 28, 28); /* Dark gray backgrounds */
Color Usage Guidelines
Background Colors
Primary Background:
rgb(0, 0, 0)- Main page backgroundCard Background:
rgb(8, 8, 8)- Article cards, componentsSecondary Background:
rgb(15, 15, 15)- Tags, metadata containersElevated Background:
rgb(18, 18, 18)- Headers, navigation
Color System & Palette
Primary Colors
/* Core Brand Colors */ --color-black: rgb(18, 18, 18); /* Primary background */ --color-bg: rgb(0, 0, 0); /* Deep background */ --color-white: rgb(246, 246, 246); /* Primary text */ --color-white-pure: rgb(255, 255, 255); /* Pure white accents */ /* Gray Scale */ --color-gray-1: rgb(136, 136, 136); /* Light gray text */ --color-gray-2: rgb(61, 61, 61); /* Medium gray */ --color-gray-3: rgb(28, 28, 28); /* Dark gray backgrounds */
Color Usage Guidelines
Background Colors
Primary Background:
rgb(0, 0, 0)- Main page backgroundCard Background:
rgb(8, 8, 8)- Article cards, componentsSecondary Background:
rgb(15, 15, 15)- Tags, metadata containersElevated Background:
rgb(18, 18, 18)- Headers, navigation
Color System & Palette
Primary Colors
/* Core Brand Colors */ --color-black: rgb(18, 18, 18); /* Primary background */ --color-bg: rgb(0, 0, 0); /* Deep background */ --color-white: rgb(246, 246, 246); /* Primary text */ --color-white-pure: rgb(255, 255, 255); /* Pure white accents */ /* Gray Scale */ --color-gray-1: rgb(136, 136, 136); /* Light gray text */ --color-gray-2: rgb(61, 61, 61); /* Medium gray */ --color-gray-3: rgb(28, 28, 28); /* Dark gray backgrounds */
Color Usage Guidelines
Background Colors
Primary Background:
rgb(0, 0, 0)- Main page backgroundCard Background:
rgb(8, 8, 8)- Article cards, componentsSecondary Background:
rgb(15, 15, 15)- Tags, metadata containersElevated Background:
rgb(18, 18, 18)- Headers, navigation
Color System & Palette
Primary Colors
/* Core Brand Colors */ --color-black: rgb(18, 18, 18); /* Primary background */ --color-bg: rgb(0, 0, 0); /* Deep background */ --color-white: rgb(246, 246, 246); /* Primary text */ --color-white-pure: rgb(255, 255, 255); /* Pure white accents */ /* Gray Scale */ --color-gray-1: rgb(136, 136, 136); /* Light gray text */ --color-gray-2: rgb(61, 61, 61); /* Medium gray */ --color-gray-3: rgb(28, 28, 28); /* Dark gray backgrounds */
Color Usage Guidelines
Background Colors
Primary Background:
rgb(0, 0, 0)- Main page backgroundCard Background:
rgb(8, 8, 8)- Article cards, componentsSecondary Background:
rgb(15, 15, 15)- Tags, metadata containersElevated Background:
rgb(18, 18, 18)- Headers, navigation
Color System & Palette
Primary Colors
/* Core Brand Colors */ --color-black: rgb(18, 18, 18); /* Primary background */ --color-bg: rgb(0, 0, 0); /* Deep background */ --color-white: rgb(246, 246, 246); /* Primary text */ --color-white-pure: rgb(255, 255, 255); /* Pure white accents */ /* Gray Scale */ --color-gray-1: rgb(136, 136, 136); /* Light gray text */ --color-gray-2: rgb(61, 61, 61); /* Medium gray */ --color-gray-3: rgb(28, 28, 28); /* Dark gray backgrounds */
Color Usage Guidelines
Background Colors
Primary Background:
rgb(0, 0, 0)- Main page backgroundCard Background:
rgb(8, 8, 8)- Article cards, componentsSecondary Background:
rgb(15, 15, 15)- Tags, metadata containersElevated Background:
rgb(18, 18, 18)- Headers, navigation
Color System & Palette
Primary Colors
/* Core Brand Colors */ --color-black: rgb(18, 18, 18); /* Primary background */ --color-bg: rgb(0, 0, 0); /* Deep background */ --color-white: rgb(246, 246, 246); /* Primary text */ --color-white-pure: rgb(255, 255, 255); /* Pure white accents */ /* Gray Scale */ --color-gray-1: rgb(136, 136, 136); /* Light gray text */ --color-gray-2: rgb(61, 61, 61); /* Medium gray */ --color-gray-3: rgb(28, 28, 28); /* Dark gray backgrounds */
Color Usage Guidelines
Background Colors
Primary Background:
rgb(0, 0, 0)- Main page backgroundCard Background:
rgb(8, 8, 8)- Article cards, componentsSecondary Background:
rgb(15, 15, 15)- Tags, metadata containersElevated Background:
rgb(18, 18, 18)- Headers, navigation
Color System & Palette
Primary Colors
/* Core Brand Colors */ --color-black: rgb(18, 18, 18); /* Primary background */ --color-bg: rgb(0, 0, 0); /* Deep background */ --color-white: rgb(246, 246, 246); /* Primary text */ --color-white-pure: rgb(255, 255, 255); /* Pure white accents */ /* Gray Scale */ --color-gray-1: rgb(136, 136, 136); /* Light gray text */ --color-gray-2: rgb(61, 61, 61); /* Medium gray */ --color-gray-3: rgb(28, 28, 28); /* Dark gray backgrounds */
Color Usage Guidelines
Background Colors
Primary Background:
rgb(0, 0, 0)- Main page backgroundCard Background:
rgb(8, 8, 8)- Article cards, componentsSecondary Background:
rgb(15, 15, 15)- Tags, metadata containersElevated Background:
rgb(18, 18, 18)- Headers, navigation
Color System & Palette
Primary Colors
/* Core Brand Colors */ --color-black: rgb(18, 18, 18); /* Primary background */ --color-bg: rgb(0, 0, 0); /* Deep background */ --color-white: rgb(246, 246, 246); /* Primary text */ --color-white-pure: rgb(255, 255, 255); /* Pure white accents */ /* Gray Scale */ --color-gray-1: rgb(136, 136, 136); /* Light gray text */ --color-gray-2: rgb(61, 61, 61); /* Medium gray */ --color-gray-3: rgb(28, 28, 28); /* Dark gray backgrounds */
Color Usage Guidelines
Background Colors
Primary Background:
rgb(0, 0, 0)- Main page backgroundCard Background:
rgb(8, 8, 8)- Article cards, componentsSecondary Background:
rgb(15, 15, 15)- Tags, metadata containersElevated Background:
rgb(18, 18, 18)- Headers, navigation
Color System & Palette
Primary Colors
/* Core Brand Colors */ --color-black: rgb(18, 18, 18); /* Primary background */ --color-bg: rgb(0, 0, 0); /* Deep background */ --color-white: rgb(246, 246, 246); /* Primary text */ --color-white-pure: rgb(255, 255, 255); /* Pure white accents */ /* Gray Scale */ --color-gray-1: rgb(136, 136, 136); /* Light gray text */ --color-gray-2: rgb(61, 61, 61); /* Medium gray */ --color-gray-3: rgb(28, 28, 28); /* Dark gray backgrounds */
Color Usage Guidelines
Background Colors
Primary Background:
rgb(0, 0, 0)- Main page backgroundCard Background:
rgb(8, 8, 8)- Article cards, componentsSecondary Background:
rgb(15, 15, 15)- Tags, metadata containersElevated Background:
rgb(18, 18, 18)- Headers, navigation
Color System & Palette
Primary Colors
/* Core Brand Colors */ --color-black: rgb(18, 18, 18); /* Primary background */ --color-bg: rgb(0, 0, 0); /* Deep background */ --color-white: rgb(246, 246, 246); /* Primary text */ --color-white-pure: rgb(255, 255, 255); /* Pure white accents */ /* Gray Scale */ --color-gray-1: rgb(136, 136, 136); /* Light gray text */ --color-gray-2: rgb(61, 61, 61); /* Medium gray */ --color-gray-3: rgb(28, 28, 28); /* Dark gray backgrounds */
Color Usage Guidelines
Background Colors
Primary Background:
rgb(0, 0, 0)- Main page backgroundCard Background:
rgb(8, 8, 8)- Article cards, componentsSecondary Background:
rgb(15, 15, 15)- Tags, metadata containersElevated Background:
rgb(18, 18, 18)- Headers, navigation
Color System & Palette
Primary Colors
/* Core Brand Colors */ --color-black: rgb(18, 18, 18); /* Primary background */ --color-bg: rgb(0, 0, 0); /* Deep background */ --color-white: rgb(246, 246, 246); /* Primary text */ --color-white-pure: rgb(255, 255, 255); /* Pure white accents */ /* Gray Scale */ --color-gray-1: rgb(136, 136, 136); /* Light gray text */ --color-gray-2: rgb(61, 61, 61); /* Medium gray */ --color-gray-3: rgb(28, 28, 28); /* Dark gray backgrounds */
Color Usage Guidelines
Background Colors
Primary Background:
rgb(0, 0, 0)- Main page backgroundCard Background:
rgb(8, 8, 8)- Article cards, componentsSecondary Background:
rgb(15, 15, 15)- Tags, metadata containersElevated Background:
rgb(18, 18, 18)- Headers, navigation
Color System & Palette
Primary Colors
/* Core Brand Colors */ --color-black: rgb(18, 18, 18); /* Primary background */ --color-bg: rgb(0, 0, 0); /* Deep background */ --color-white: rgb(246, 246, 246); /* Primary text */ --color-white-pure: rgb(255, 255, 255); /* Pure white accents */ /* Gray Scale */ --color-gray-1: rgb(136, 136, 136); /* Light gray text */ --color-gray-2: rgb(61, 61, 61); /* Medium gray */ --color-gray-3: rgb(28, 28, 28); /* Dark gray backgrounds */
Color Usage Guidelines
Background Colors
Primary Background:
rgb(0, 0, 0)- Main page backgroundCard Background:
rgb(8, 8, 8)- Article cards, componentsSecondary Background:
rgb(15, 15, 15)- Tags, metadata containersElevated Background:
rgb(18, 18, 18)- Headers, navigation
Color System & Palette
Primary Colors
/* Core Brand Colors */ --color-black: rgb(18, 18, 18); /* Primary background */ --color-bg: rgb(0, 0, 0); /* Deep background */ --color-white: rgb(246, 246, 246); /* Primary text */ --color-white-pure: rgb(255, 255, 255); /* Pure white accents */ /* Gray Scale */ --color-gray-1: rgb(136, 136, 136); /* Light gray text */ --color-gray-2: rgb(61, 61, 61); /* Medium gray */ --color-gray-3: rgb(28, 28, 28); /* Dark gray backgrounds */
Color Usage Guidelines
Background Colors
Primary Background:
rgb(0, 0, 0)- Main page backgroundCard Background:
rgb(8, 8, 8)- Article cards, componentsSecondary Background:
rgb(15, 15, 15)- Tags, metadata containersElevated Background:
rgb(18, 18, 18)- Headers, navigation
Color System & Palette
Primary Colors
/* Core Brand Colors */ --color-black: rgb(18, 18, 18); /* Primary background */ --color-bg: rgb(0, 0, 0); /* Deep background */ --color-white: rgb(246, 246, 246); /* Primary text */ --color-white-pure: rgb(255, 255, 255); /* Pure white accents */ /* Gray Scale */ --color-gray-1: rgb(136, 136, 136); /* Light gray text */ --color-gray-2: rgb(61, 61, 61); /* Medium gray */ --color-gray-3: rgb(28, 28, 28); /* Dark gray backgrounds */
Color Usage Guidelines
Background Colors
Primary Background:
rgb(0, 0, 0)- Main page backgroundCard Background:
rgb(8, 8, 8)- Article cards, componentsSecondary Background:
rgb(15, 15, 15)- Tags, metadata containersElevated Background:
rgb(18, 18, 18)- Headers, navigation
Color System & Palette
Primary Colors
/* Core Brand Colors */ --color-black: rgb(18, 18, 18); /* Primary background */ --color-bg: rgb(0, 0, 0); /* Deep background */ --color-white: rgb(246, 246, 246); /* Primary text */ --color-white-pure: rgb(255, 255, 255); /* Pure white accents */ /* Gray Scale */ --color-gray-1: rgb(136, 136, 136); /* Light gray text */ --color-gray-2: rgb(61, 61, 61); /* Medium gray */ --color-gray-3: rgb(28, 28, 28); /* Dark gray backgrounds */
Color Usage Guidelines
Background Colors
Primary Background:
rgb(0, 0, 0)- Main page backgroundCard Background:
rgb(8, 8, 8)- Article cards, componentsSecondary Background:
rgb(15, 15, 15)- Tags, metadata containersElevated Background:
rgb(18, 18, 18)- Headers, navigation
Color System & Palette
Primary Colors
/* Core Brand Colors */ --color-black: rgb(18, 18, 18); /* Primary background */ --color-bg: rgb(0, 0, 0); /* Deep background */ --color-white: rgb(246, 246, 246); /* Primary text */ --color-white-pure: rgb(255, 255, 255); /* Pure white accents */ /* Gray Scale */ --color-gray-1: rgb(136, 136, 136); /* Light gray text */ --color-gray-2: rgb(61, 61, 61); /* Medium gray */ --color-gray-3: rgb(28, 28, 28); /* Dark gray backgrounds */
Color Usage Guidelines
Background Colors
Primary Background:
rgb(0, 0, 0)- Main page backgroundCard Background:
rgb(8, 8, 8)- Article cards, componentsSecondary Background:
rgb(15, 15, 15)- Tags, metadata containersElevated Background:
rgb(18, 18, 18)- Headers, navigation
Color System & Palette
Primary Colors
/* Core Brand Colors */ --color-black: rgb(18, 18, 18); /* Primary background */ --color-bg: rgb(0, 0, 0); /* Deep background */ --color-white: rgb(246, 246, 246); /* Primary text */ --color-white-pure: rgb(255, 255, 255); /* Pure white accents */ /* Gray Scale */ --color-gray-1: rgb(136, 136, 136); /* Light gray text */ --color-gray-2: rgb(61, 61, 61); /* Medium gray */ --color-gray-3: rgb(28, 28, 28); /* Dark gray backgrounds */
Color Usage Guidelines
Background Colors
Primary Background:
rgb(0, 0, 0)- Main page backgroundCard Background:
rgb(8, 8, 8)- Article cards, componentsSecondary Background:
rgb(15, 15, 15)- Tags, metadata containersElevated Background:
rgb(18, 18, 18)- Headers, navigation
Color System & Palette
Primary Colors
/* Core Brand Colors */ --color-black: rgb(18, 18, 18); /* Primary background */ --color-bg: rgb(0, 0, 0); /* Deep background */ --color-white: rgb(246, 246, 246); /* Primary text */ --color-white-pure: rgb(255, 255, 255); /* Pure white accents */ /* Gray Scale */ --color-gray-1: rgb(136, 136, 136); /* Light gray text */ --color-gray-2: rgb(61, 61, 61); /* Medium gray */ --color-gray-3: rgb(28, 28, 28); /* Dark gray backgrounds */
Color Usage Guidelines
Background Colors
Primary Background:
rgb(0, 0, 0)- Main page backgroundCard Background:
rgb(8, 8, 8)- Article cards, componentsSecondary Background:
rgb(15, 15, 15)- Tags, metadata containersElevated Background:
rgb(18, 18, 18)- Headers, navigation
Color System & Palette
Primary Colors
/* Core Brand Colors */ --color-black: rgb(18, 18, 18); /* Primary background */ --color-bg: rgb(0, 0, 0); /* Deep background */ --color-white: rgb(246, 246, 246); /* Primary text */ --color-white-pure: rgb(255, 255, 255); /* Pure white accents */ /* Gray Scale */ --color-gray-1: rgb(136, 136, 136); /* Light gray text */ --color-gray-2: rgb(61, 61, 61); /* Medium gray */ --color-gray-3: rgb(28, 28, 28); /* Dark gray backgrounds */
Color Usage Guidelines
Background Colors
Primary Background:
rgb(0, 0, 0)- Main page backgroundCard Background:
rgb(8, 8, 8)- Article cards, componentsSecondary Background:
rgb(15, 15, 15)- Tags, metadata containersElevated Background:
rgb(18, 18, 18)- Headers, navigation
Color System & Palette
Primary Colors
/* Core Brand Colors */ --color-black: rgb(18, 18, 18); /* Primary background */ --color-bg: rgb(0, 0, 0); /* Deep background */ --color-white: rgb(246, 246, 246); /* Primary text */ --color-white-pure: rgb(255, 255, 255); /* Pure white accents */ /* Gray Scale */ --color-gray-1: rgb(136, 136, 136); /* Light gray text */ --color-gray-2: rgb(61, 61, 61); /* Medium gray */ --color-gray-3: rgb(28, 28, 28); /* Dark gray backgrounds */
Color Usage Guidelines
Background Colors
Primary Background:
rgb(0, 0, 0)- Main page backgroundCard Background:
rgb(8, 8, 8)- Article cards, componentsSecondary Background:
rgb(15, 15, 15)- Tags, metadata containersElevated Background:
rgb(18, 18, 18)- Headers, navigation
Color System & Palette
Primary Colors
/* Core Brand Colors */ --color-black: rgb(18, 18, 18); /* Primary background */ --color-bg: rgb(0, 0, 0); /* Deep background */ --color-white: rgb(246, 246, 246); /* Primary text */ --color-white-pure: rgb(255, 255, 255); /* Pure white accents */ /* Gray Scale */ --color-gray-1: rgb(136, 136, 136); /* Light gray text */ --color-gray-2: rgb(61, 61, 61); /* Medium gray */ --color-gray-3: rgb(28, 28, 28); /* Dark gray backgrounds */
Color Usage Guidelines
Background Colors
Primary Background:
rgb(0, 0, 0)- Main page backgroundCard Background:
rgb(8, 8, 8)- Article cards, componentsSecondary Background:
rgb(15, 15, 15)- Tags, metadata containersElevated Background:
rgb(18, 18, 18)- Headers, navigation
Color System & Palette
Primary Colors
/* Core Brand Colors */ --color-black: rgb(18, 18, 18); /* Primary background */ --color-bg: rgb(0, 0, 0); /* Deep background */ --color-white: rgb(246, 246, 246); /* Primary text */ --color-white-pure: rgb(255, 255, 255); /* Pure white accents */ /* Gray Scale */ --color-gray-1: rgb(136, 136, 136); /* Light gray text */ --color-gray-2: rgb(61, 61, 61); /* Medium gray */ --color-gray-3: rgb(28, 28, 28); /* Dark gray backgrounds */
Color Usage Guidelines
Background Colors
Primary Background:
rgb(0, 0, 0)- Main page backgroundCard Background:
rgb(8, 8, 8)- Article cards, componentsSecondary Background:
rgb(15, 15, 15)- Tags, metadata containersElevated Background:
rgb(18, 18, 18)- Headers, navigation
Color System & Palette
Primary Colors
/* Core Brand Colors */ --color-black: rgb(18, 18, 18); /* Primary background */ --color-bg: rgb(0, 0, 0); /* Deep background */ --color-white: rgb(246, 246, 246); /* Primary text */ --color-white-pure: rgb(255, 255, 255); /* Pure white accents */ /* Gray Scale */ --color-gray-1: rgb(136, 136, 136); /* Light gray text */ --color-gray-2: rgb(61, 61, 61); /* Medium gray */ --color-gray-3: rgb(28, 28, 28); /* Dark gray backgrounds */
Color Usage Guidelines
Background Colors
Primary Background:
rgb(0, 0, 0)- Main page backgroundCard Background:
rgb(8, 8, 8)- Article cards, componentsSecondary Background:
rgb(15, 15, 15)- Tags, metadata containersElevated Background:
rgb(18, 18, 18)- Headers, navigation
Color System & Palette
Primary Colors
/* Core Brand Colors */ --color-black: rgb(18, 18, 18); /* Primary background */ --color-bg: rgb(0, 0, 0); /* Deep background */ --color-white: rgb(246, 246, 246); /* Primary text */ --color-white-pure: rgb(255, 255, 255); /* Pure white accents */ /* Gray Scale */ --color-gray-1: rgb(136, 136, 136); /* Light gray text */ --color-gray-2: rgb(61, 61, 61); /* Medium gray */ --color-gray-3: rgb(28, 28, 28); /* Dark gray backgrounds */
Color Usage Guidelines
Background Colors
Primary Background:
rgb(0, 0, 0)- Main page backgroundCard Background:
rgb(8, 8, 8)- Article cards, componentsSecondary Background:
rgb(15, 15, 15)- Tags, metadata containersElevated Background:
rgb(18, 18, 18)- Headers, navigation
Color System & Palette
Primary Colors
/* Core Brand Colors */ --color-black: rgb(18, 18, 18); /* Primary background */ --color-bg: rgb(0, 0, 0); /* Deep background */ --color-white: rgb(246, 246, 246); /* Primary text */ --color-white-pure: rgb(255, 255, 255); /* Pure white accents */ /* Gray Scale */ --color-gray-1: rgb(136, 136, 136); /* Light gray text */ --color-gray-2: rgb(61, 61, 61); /* Medium gray */ --color-gray-3: rgb(28, 28, 28); /* Dark gray backgrounds */
Color Usage Guidelines
Background Colors
Primary Background:
rgb(0, 0, 0)- Main page backgroundCard Background:
rgb(8, 8, 8)- Article cards, componentsSecondary Background:
rgb(15, 15, 15)- Tags, metadata containersElevated Background:
rgb(18, 18, 18)- Headers, navigation
Color System & Palette
Primary Colors
/* Core Brand Colors */ --color-black: rgb(18, 18, 18); /* Primary background */ --color-bg: rgb(0, 0, 0); /* Deep background */ --color-white: rgb(246, 246, 246); /* Primary text */ --color-white-pure: rgb(255, 255, 255); /* Pure white accents */ /* Gray Scale */ --color-gray-1: rgb(136, 136, 136); /* Light gray text */ --color-gray-2: rgb(61, 61, 61); /* Medium gray */ --color-gray-3: rgb(28, 28, 28); /* Dark gray backgrounds */
Color Usage Guidelines
Background Colors
Primary Background:
rgb(0, 0, 0)- Main page backgroundCard Background:
rgb(8, 8, 8)- Article cards, componentsSecondary Background:
rgb(15, 15, 15)- Tags, metadata containersElevated Background:
rgb(18, 18, 18)- Headers, navigation
Color System & Palette
Primary Colors
/* Core Brand Colors */ --color-black: rgb(18, 18, 18); /* Primary background */ --color-bg: rgb(0, 0, 0); /* Deep background */ --color-white: rgb(246, 246, 246); /* Primary text */ --color-white-pure: rgb(255, 255, 255); /* Pure white accents */ /* Gray Scale */ --color-gray-1: rgb(136, 136, 136); /* Light gray text */ --color-gray-2: rgb(61, 61, 61); /* Medium gray */ --color-gray-3: rgb(28, 28, 28); /* Dark gray backgrounds */
Color Usage Guidelines
Background Colors
Primary Background:
rgb(0, 0, 0)- Main page backgroundCard Background:
rgb(8, 8, 8)- Article cards, componentsSecondary Background:
rgb(15, 15, 15)- Tags, metadata containersElevated Background:
rgb(18, 18, 18)- Headers, navigation
Color System & Palette
Primary Colors
/* Core Brand Colors */ --color-black: rgb(18, 18, 18); /* Primary background */ --color-bg: rgb(0, 0, 0); /* Deep background */ --color-white: rgb(246, 246, 246); /* Primary text */ --color-white-pure: rgb(255, 255, 255); /* Pure white accents */ /* Gray Scale */ --color-gray-1: rgb(136, 136, 136); /* Light gray text */ --color-gray-2: rgb(61, 61, 61); /* Medium gray */ --color-gray-3: rgb(28, 28, 28); /* Dark gray backgrounds */
Color Usage Guidelines
Background Colors
Primary Background:
rgb(0, 0, 0)- Main page backgroundCard Background:
rgb(8, 8, 8)- Article cards, componentsSecondary Background:
rgb(15, 15, 15)- Tags, metadata containersElevated Background:
rgb(18, 18, 18)- Headers, navigation
Color System & Palette
Primary Colors
/* Core Brand Colors */ --color-black: rgb(18, 18, 18); /* Primary background */ --color-bg: rgb(0, 0, 0); /* Deep background */ --color-white: rgb(246, 246, 246); /* Primary text */ --color-white-pure: rgb(255, 255, 255); /* Pure white accents */ /* Gray Scale */ --color-gray-1: rgb(136, 136, 136); /* Light gray text */ --color-gray-2: rgb(61, 61, 61); /* Medium gray */ --color-gray-3: rgb(28, 28, 28); /* Dark gray backgrounds */
Color Usage Guidelines
Background Colors
Primary Background:
rgb(0, 0, 0)- Main page backgroundCard Background:
rgb(8, 8, 8)- Article cards, componentsSecondary Background:
rgb(15, 15, 15)- Tags, metadata containersElevated Background:
rgb(18, 18, 18)- Headers, navigation
Color System & Palette
Primary Colors
/* Core Brand Colors */ --color-black: rgb(18, 18, 18); /* Primary background */ --color-bg: rgb(0, 0, 0); /* Deep background */ --color-white: rgb(246, 246, 246); /* Primary text */ --color-white-pure: rgb(255, 255, 255); /* Pure white accents */ /* Gray Scale */ --color-gray-1: rgb(136, 136, 136); /* Light gray text */ --color-gray-2: rgb(61, 61, 61); /* Medium gray */ --color-gray-3: rgb(28, 28, 28); /* Dark gray backgrounds */
Color Usage Guidelines
Background Colors
Primary Background:
rgb(0, 0, 0)- Main page backgroundCard Background:
rgb(8, 8, 8)- Article cards, componentsSecondary Background:
rgb(15, 15, 15)- Tags, metadata containersElevated Background:
rgb(18, 18, 18)- Headers, navigation
Color System & Palette
Primary Colors
/* Core Brand Colors */ --color-black: rgb(18, 18, 18); /* Primary background */ --color-bg: rgb(0, 0, 0); /* Deep background */ --color-white: rgb(246, 246, 246); /* Primary text */ --color-white-pure: rgb(255, 255, 255); /* Pure white accents */ /* Gray Scale */ --color-gray-1: rgb(136, 136, 136); /* Light gray text */ --color-gray-2: rgb(61, 61, 61); /* Medium gray */ --color-gray-3: rgb(28, 28, 28); /* Dark gray backgrounds */
Color Usage Guidelines
Background Colors
Primary Background:
rgb(0, 0, 0)- Main page backgroundCard Background:
rgb(8, 8, 8)- Article cards, componentsSecondary Background:
rgb(15, 15, 15)- Tags, metadata containersElevated Background:
rgb(18, 18, 18)- Headers, navigation
Color System & Palette
Primary Colors
/* Core Brand Colors */ --color-black: rgb(18, 18, 18); /* Primary background */ --color-bg: rgb(0, 0, 0); /* Deep background */ --color-white: rgb(246, 246, 246); /* Primary text */ --color-white-pure: rgb(255, 255, 255); /* Pure white accents */ /* Gray Scale */ --color-gray-1: rgb(136, 136, 136); /* Light gray text */ --color-gray-2: rgb(61, 61, 61); /* Medium gray */ --color-gray-3: rgb(28, 28, 28); /* Dark gray backgrounds */
Color Usage Guidelines
Background Colors
Primary Background:
rgb(0, 0, 0)- Main page backgroundCard Background:
rgb(8, 8, 8)- Article cards, componentsSecondary Background:
rgb(15, 15, 15)- Tags, metadata containersElevated Background:
rgb(18, 18, 18)- Headers, navigation
Color System & Palette
Primary Colors
/* Core Brand Colors */ --color-black: rgb(18, 18, 18); /* Primary background */ --color-bg: rgb(0, 0, 0); /* Deep background */ --color-white: rgb(246, 246, 246); /* Primary text */ --color-white-pure: rgb(255, 255, 255); /* Pure white accents */ /* Gray Scale */ --color-gray-1: rgb(136, 136, 136); /* Light gray text */ --color-gray-2: rgb(61, 61, 61); /* Medium gray */ --color-gray-3: rgb(28, 28, 28); /* Dark gray backgrounds */
Color Usage Guidelines
Background Colors
Primary Background:
rgb(0, 0, 0)- Main page backgroundCard Background:
rgb(8, 8, 8)- Article cards, componentsSecondary Background:
rgb(15, 15, 15)- Tags, metadata containersElevated Background:
rgb(18, 18, 18)- Headers, navigation
Color System & Palette
Color System & Palette
FOOTER
[ CYA ]
