ALI AGENTS: Web3 Visual Identity System

Description

Role &
Responsibilities

A comprehensive 42-page brand architecture system engineered for a decentralized AI ecosystem. This project establishes strict visual guidelines, scalable logo construction, and a highly accessible UI typography system optimized for both dark and light digital environments.

Technical Info

Client: ALI Agents
Role: Lead UI/UX Designer & Brand Architect
Scope: Visual Identity, Logo System, Typography Guidelines, Color Architecture, Web3 UI Systems
Year: 2025

Tools

Photoshop
Illustrator
Figma
Cinema 4D
Octane Render
Lottie Lab

Photoshop
Illustrator
Figma
Cinema 4D
Octane Render
Lottie Lab

The Official Logo System

Our visual identity is built on a precise geometric foundation. These official horizontal and stacked variations serve as the primary assets for all brand communications.

Environment Adaptability

Each lockup is meticulously engineered with specific color palettes for Dark and Light Mode interfaces. This guarantees absolute clarity and structural integrity across any digital background.

The Core Identity: 30° Isometric Grid

The ALI Agents emblem is engineered upon a strict 30° isometric projection grid. This precise geometric framework forms the exact core from which the outer hexagon and internal structural nodes are generated. By utilizing equal foreshortening across all axes, the design achieves perfect mathematical balance and visually articulates the seamless integration of artificial intelligence with decentralized blockchain technology.

Structural Integrity

The bold outer boundary signifies a reliable, secure blockchain environment, built to maintain balance and efficiency.

Interconnected Nodes

The inner geometric network represents highly active, collaborative agents working within a cohesive decentralized ecosystem.

Infinite Scalability

A repeating pattern of smaller hexagons visually showcases the immense depth, potential, and adaptability of the technology.

The Logotype

A refined evolution of the Jakarta typeface, the logotype is custom-engineered to complement the geometric complexity of the logomark. I crafted bespoke letterforms, specifically applying a straight-cut terminal to the descender of the lowercase "g". This modification mirrors the stem angles throughout the wordmark and ensures perfect visual harmony.

Spatial Rules & Clear Space

To protect the brand's visibility across dynamic digital environments, a strict protective zone is enforced. The minimum clear space is mathematically defined by the exact height of the inner hexagon, ensuring absolute visual balance on any canvas.

Minimum Size for Print & Digital

Strict minimum size guidelines ensure the ALI Agents logo remains clear and legible across every format. These specifications prevent structural distortion and preserve consistent brand integrity on both screens and physical media.

Color Architecture
Branding Primary Colors for Dark Mode
Engineered for structural depth without visual fatigue. Gold (#D9A600) serves as the primary highlight with a 8.58:1 contrast ratio against true black background (#0F0F0F). A curated neutral gray scale supports UI hierarchy across cards, dividers, and secondary text while remaining fully WCAG-compliant.
Mark
#D9A600
C:16
M:34
Y:100
K:0
Logotype
#B1B1B1
C:32
M:25
Y:26
K:0
BG
#0F0F0F
C:74
M:67
Y:66
K:84
Highlight
#FFFFFF
C:0
M:0
Y:0
K:0
Color Architecture
Secondary Colors: Dark Mode
A structured UI surface palette engineered for visual depth without fatigue. Charcoal (#2E2E2E) elevates cards and modals, Mid Gray (#444444) handles dividers and borders, and Accent Gray (#767676) anchors secondary text. Soft White (#F5F5F5) delivers highlights while preserving the dark mode atmosphere.
Backgrounds, cards, UI sections
#2E2E2E
C:70
M:64
Y:63
K:63
Dividers, low-priority text  
#444444
C:67
M:60
Y:59
K:44
Subdued secondary text, borders
#767676
C:55
M:47
Y:46
K:12
Highlights, subtle text, accents
#F5F5F5
C:3
M:2
Y:2
K:0
Color Architecture
Branding Primary Colors for Light Mode
Engineered for strong visual impact on bright surfaces. Gold (#996C00) serves as the primary highlight with a 4.66:1 contrast ratio against pure white (#FFFFFF). A balanced dark gray logotype (#2E2E2E) and accent highlights (#444444) maintain a sophisticated, readable aesthetic across all light environments.
Mark
#996C00
C:34
M:53
Y:100
K:17
Background
#F5F5F5
C:3
M:2
Y:2
K:0
hightlight
#2E2E2E
C:70
M:64
Y:63
K:63
logotype
#444444
C:67
M:60
Y:59
K:44
Color Architecture
Secondary Colors for Light Mode
A structured UI surface palette designed for clear visual separation. Light Neutral Gray (#D4D4D4) organizes dividers and borders, while Medium Gray (#A8A8A8) anchors secondary text and icons. Dark Neutral Gray (#6B6B6B) provides bolder contrast for actionable details without overpowering the clean light mode canvas.
Gray  Dividers, borders  
#D4D4D4
C:16
M:12
Y:13
K:0
Secondary text, icons  
#A8A8A8
C:36
M:29
Y:29
K:0
Subtle emphasis for details  
#6B6B6B
C:58
M:50
Y:49
K:17
Color Architecture
Gold gradient in Premium Branding
Engineered to establish luxury and structural depth across premium touchpoints. This precise sequence of six hues interpolates smoothly to construct our signature gold gradient. It is strictly applied to elevate distinct high-value assets, custom iconography, and the primary logomark with sophisticated, dimensional contrast.
#5E5339
C:53
M:53
Y:77
K:38
#AD8F57
C:32
M:40
Y:75
K:6
#D7B162
C:17
M:29
Y:73
K:0
#CEAA61
C:20
M:31
Y:73
K:0
#D5B874
C:18
M:25
Y:64
K:0
#746741
C:49
M:48
Y:80
K:25
gold gradient
Color Architecture
Branding Primary Colors for Dark Mode
Engineered for structural depth without visual fatigue. Gold (#D9A600) serves as the primary highlight with a 8.58:1 contrast ratio against true black background (#0F0F0F). A curated neutral gray scale supports UI hierarchy across cards, dividers, and secondary text while remaining fully WCAG-compliant.
Mark
#D9A600
C:16
M:34
Y:100
K:0
Logotype
#B1B1B1
C:32
M:25
Y:26
K:0
BG
#0F0F0F
C:74
M:67
Y:66
K:84
Highlight
#FFFFFF
C:0
M:0
Y:0
K:0
Color Architecture
Secondary Colors: Dark Mode
A structured UI surface palette engineered for visual depth without fatigue. Charcoal (#2E2E2E) elevates cards and modals, Mid Gray (#444444) handles dividers and borders, and Accent Gray (#767676) anchors secondary text. Soft White (#F5F5F5) delivers highlights while preserving the dark mode atmosphere.
Backgrounds, cards, UI sections
#2E2E2E
C:70
M:64
Y:63
K:63
Dividers, low-priority text  
#444444
C:67
M:60
Y:59
K:44
Subdued secondary text, borders
#767676
C:55
M:47
Y:46
K:12
Highlights, subtle text, accents
#F5F5F5
C:3
M:2
Y:2
K:0
Color Architecture
Branding Primary Colors for Light Mode
Engineered for strong visual impact on bright surfaces. Gold (#996C00) serves as the primary highlight with a 4.66:1 contrast ratio against pure white (#FFFFFF). A balanced dark gray logotype (#2E2E2E) and accent highlights (#444444) maintain a sophisticated, readable aesthetic across all light environments.
Mark
#996C00
C:34
M:53
Y:100
K:17
Background
#F5F5F5
C:3
M:2
Y:2
K:0
hightlight
#2E2E2E
C:70
M:64
Y:63
K:63
logotype
#444444
C:67
M:60
Y:59
K:44
Color Architecture
Secondary Colors for Light Mode
A structured UI surface palette designed for clear visual separation. Light Neutral Gray (#D4D4D4) organizes dividers and borders, while Medium Gray (#A8A8A8) anchors secondary text and icons. Dark Neutral Gray (#6B6B6B) provides bolder contrast for actionable details without overpowering the clean light mode canvas.
Gray  Dividers, borders  
#D4D4D4
C:16
M:12
Y:13
K:0
Secondary text, icons  
#A8A8A8
C:36
M:29
Y:29
K:0
Subtle emphasis for details  
#6B6B6B
C:58
M:50
Y:49
K:17
Color Architecture
Gold gradient in Premium Branding
Engineered to establish luxury and structural depth across premium touchpoints. This precise sequence of six hues interpolates smoothly to construct our signature gold gradient. It is strictly applied to elevate distinct high-value assets, custom iconography, and the primary logomark with sophisticated, dimensional contrast.
#5E5339
C:53
M:53
Y:77
K:38
#AD8F57
C:32
M:40
Y:75
K:6
#D7B162
C:17
M:29
Y:73
K:0
#CEAA61
C:20
M:31
Y:73
K:0
#D5B874
C:18
M:25
Y:64
K:0
#746741
C:49
M:48
Y:80
K:25
gold gradient
Color Architecture
Branding Primary Colors for Dark Mode
Engineered for structural depth without visual fatigue. Gold (#D9A600) serves as the primary highlight with a 8.58:1 contrast ratio against true black background (#0F0F0F). A curated neutral gray scale supports UI hierarchy across cards, dividers, and secondary text while remaining fully WCAG-compliant.
Mark
#D9A600
C:16
M:34
Y:100
K:0
Logotype
#B1B1B1
C:32
M:25
Y:26
K:0
BG
#0F0F0F
C:74
M:67
Y:66
K:84
Highlight
#FFFFFF
C:0
M:0
Y:0
K:0
Color Architecture
Secondary Colors: Dark Mode
A structured UI surface palette engineered for visual depth without fatigue. Charcoal (#2E2E2E) elevates cards and modals, Mid Gray (#444444) handles dividers and borders, and Accent Gray (#767676) anchors secondary text. Soft White (#F5F5F5) delivers highlights while preserving the dark mode atmosphere.
Backgrounds, cards, UI sections
#2E2E2E
C:70
M:64
Y:63
K:63
Dividers, low-priority text  
#444444
C:67
M:60
Y:59
K:44
Subdued secondary text, borders
#767676
C:55
M:47
Y:46
K:12
Highlights, subtle text, accents
#F5F5F5
C:3
M:2
Y:2
K:0
Color Architecture
Branding Primary Colors for Light Mode
Engineered for strong visual impact on bright surfaces. Gold (#996C00) serves as the primary highlight with a 4.66:1 contrast ratio against pure white (#FFFFFF). A balanced dark gray logotype (#2E2E2E) and accent highlights (#444444) maintain a sophisticated, readable aesthetic across all light environments.
Mark
#996C00
C:34
M:53
Y:100
K:17
Background
#F5F5F5
C:3
M:2
Y:2
K:0
hightlight
#2E2E2E
C:70
M:64
Y:63
K:63
logotype
#444444
C:67
M:60
Y:59
K:44
Color Architecture
Secondary Colors for Light Mode
A structured UI surface palette designed for clear visual separation. Light Neutral Gray (#D4D4D4) organizes dividers and borders, while Medium Gray (#A8A8A8) anchors secondary text and icons. Dark Neutral Gray (#6B6B6B) provides bolder contrast for actionable details without overpowering the clean light mode canvas.
Gray  Dividers, borders  
#D4D4D4
C:16
M:12
Y:13
K:0
Secondary text, icons  
#A8A8A8
C:36
M:29
Y:29
K:0
Subtle emphasis for details  
#6B6B6B
C:58
M:50
Y:49
K:17
Color Architecture
Gold gradient in Premium Branding
Engineered to establish luxury and structural depth across premium touchpoints. This precise sequence of six hues interpolates smoothly to construct our signature gold gradient. It is strictly applied to elevate distinct high-value assets, custom iconography, and the primary logomark with sophisticated, dimensional contrast.
#5E5339
C:53
M:53
Y:77
K:38
#AD8F57
C:32
M:40
Y:75
K:6
#D7B162
C:17
M:29
Y:73
K:0
#CEAA61
C:20
M:31
Y:73
K:0
#D5B874
C:18
M:25
Y:64
K:0
#746741
C:49
M:48
Y:80
K:25
gold gradient
Color Architecture
Branding Primary Colors for Dark Mode
Engineered for structural depth without visual fatigue. Gold (#D9A600) serves as the primary highlight with a 8.58:1 contrast ratio against true black background (#0F0F0F). A curated neutral gray scale supports UI hierarchy across cards, dividers, and secondary text while remaining fully WCAG-compliant.
Mark
#D9A600
C:16
M:34
Y:100
K:0
Logotype
#B1B1B1
C:32
M:25
Y:26
K:0
BG
#0F0F0F
C:74
M:67
Y:66
K:84
Highlight
#FFFFFF
C:0
M:0
Y:0
K:0
Color Architecture
Secondary Colors: Dark Mode
A structured UI surface palette engineered for visual depth without fatigue. Charcoal (#2E2E2E) elevates cards and modals, Mid Gray (#444444) handles dividers and borders, and Accent Gray (#767676) anchors secondary text. Soft White (#F5F5F5) delivers highlights while preserving the dark mode atmosphere.
Backgrounds, cards, UI sections
#2E2E2E
C:70
M:64
Y:63
K:63
Dividers, low-priority text  
#444444
C:67
M:60
Y:59
K:44
Subdued secondary text, borders
#767676
C:55
M:47
Y:46
K:12
Highlights, subtle text, accents
#F5F5F5
C:3
M:2
Y:2
K:0
Color Architecture
Branding Primary Colors for Light Mode
Engineered for strong visual impact on bright surfaces. Gold (#996C00) serves as the primary highlight with a 4.66:1 contrast ratio against pure white (#FFFFFF). A balanced dark gray logotype (#2E2E2E) and accent highlights (#444444) maintain a sophisticated, readable aesthetic across all light environments.
Mark
#996C00
C:34
M:53
Y:100
K:17
Background
#F5F5F5
C:3
M:2
Y:2
K:0
hightlight
#2E2E2E
C:70
M:64
Y:63
K:63
logotype
#444444
C:67
M:60
Y:59
K:44
Color Architecture
Secondary Colors for Light Mode
A structured UI surface palette designed for clear visual separation. Light Neutral Gray (#D4D4D4) organizes dividers and borders, while Medium Gray (#A8A8A8) anchors secondary text and icons. Dark Neutral Gray (#6B6B6B) provides bolder contrast for actionable details without overpowering the clean light mode canvas.
Gray  Dividers, borders  
#D4D4D4
C:16
M:12
Y:13
K:0
Secondary text, icons  
#A8A8A8
C:36
M:29
Y:29
K:0
Subtle emphasis for details  
#6B6B6B
C:58
M:50
Y:49
K:17
Color Architecture
Gold gradient in Premium Branding
Engineered to establish luxury and structural depth across premium touchpoints. This precise sequence of six hues interpolates smoothly to construct our signature gold gradient. It is strictly applied to elevate distinct high-value assets, custom iconography, and the primary logomark with sophisticated, dimensional contrast.
#5E5339
C:53
M:53
Y:77
K:38
#AD8F57
C:32
M:40
Y:75
K:6
#D7B162
C:17
M:29
Y:73
K:0
#CEAA61
C:20
M:31
Y:73
K:0
#D5B874
C:18
M:25
Y:64
K:0
#746741
C:49
M:48
Y:80
K:25
gold gradient

Color Architecture
Branding Primary Colors for Dark Mode
Engineered for structural depth without visual fatigue. Gold (#D9A600) serves as the primary highlight with a 8.58:1 contrast ratio against true black background (#0F0F0F). A curated neutral gray scale supports UI hierarchy across cards, dividers, and secondary text while remaining fully WCAG-compliant.
Mark
#D9A600
C:16
M:34
Y:100
K:0
Logotype
#B1B1B1
C:32
M:25
Y:26
K:0
BG
#0F0F0F
C:74
M:67
Y:66
K:84
Highlight
#FFFFFF
C:0
M:0
Y:0
K:0
Color Architecture
Secondary Colors: Dark Mode
A structured UI surface palette engineered for visual depth without fatigue. Charcoal (#2E2E2E) elevates cards and modals, Mid Gray (#444444) handles dividers and borders, and Accent Gray (#767676) anchors secondary text. Soft White (#F5F5F5) delivers highlights while preserving the dark mode atmosphere.
Background, cards, UI sections
#2E2E2E
C:16
M:34
Y:100
K:0
low-priority text  
#444444
C:32
M:25
Y:26
K:0
Subdued secondary text
#767676
C:74
M:67
Y:66
K:84
Highlights, subtle text, accent
#F5F5F5
C:0
M:0
Y:0
K:0
Color Architecture
Branding Primary Colors for Light Mode
Engineered for strong visual impact on bright surfaces. Gold (#996C00) serves as the primary highlight with a 4.66:1 contrast ratio against pure white (#FFFFFF). A balanced dark gray logotype (#2E2E2E) and accent highlights (#444444) maintain a sophisticated, readable aesthetic across all light environments.
Mark
#996C00
C:34
M:53
Y:100
K:17
background
#F5F5F5
C:3
M:2
Y:2
K:0
hightlight
#2E2E2E
C:70
M:64
Y:63
K:63
logotype
#444444
C:67
M:60
Y:59
K:44
Color Architecture
Secondary Colors for Light Mode
A structured UI surface palette designed for clear visual separation. Light Neutral Gray (#D4D4D4) organizes dividers and borders, while Medium Gray (#A8A8A8) anchors secondary text and icons. Dark Neutral Gray (#6B6B6B) provides bolder contrast for actionable details without overpowering the clean light mode canvas.
Gray  Dividers, borders
#D4D4D4
C:16
M:12
Y:13
K:0
Secondary text, icons
#A8A8A8
C:36
M:29
Y:29
K:0
Subtle emphasis for details
#6B6B6B
C:58
M:50
Y:49
K:17
Color Architecture
Gold gradient in Premium Branding
Engineered to establish luxury and structural depth across premium touchpoints. This precise sequence of six hues interpolates smoothly to construct our signature gold gradient. It is strictly applied to elevate distinct high-value assets, custom iconography, and the primary logomark with sophisticated, dimensional contrast.
#5E5339
C:34
M:53
Y:100
K:17
#F5F5F5
C:3
M:2
Y:2
K:0
#CEAA61
C:70
M:64
Y:63
K:63
#D5B874
C:70
M:64
Y:63
K:63
#746741
C:70
M:64
Y:63
K:63
gold gradient
#AD8F57
C:67
M:60
Y:59
K:44
Color Architecture
Branding Primary Colors for Dark Mode
Engineered for structural depth without visual fatigue. Gold (#D9A600) serves as the primary highlight with a 8.58:1 contrast ratio against true black background (#0F0F0F). A curated neutral gray scale supports UI hierarchy across cards, dividers, and secondary text while remaining fully WCAG-compliant.
Mark
#D9A600
C:16
M:34
Y:100
K:0
Logotype
#B1B1B1
C:32
M:25
Y:26
K:0
BG
#0F0F0F
C:74
M:67
Y:66
K:84
Highlight
#FFFFFF
C:0
M:0
Y:0
K:0
Color Architecture
Secondary Colors: Dark Mode
A structured UI surface palette engineered for visual depth without fatigue. Charcoal (#2E2E2E) elevates cards and modals, Mid Gray (#444444) handles dividers and borders, and Accent Gray (#767676) anchors secondary text. Soft White (#F5F5F5) delivers highlights while preserving the dark mode atmosphere.
Background, cards, UI sections
#2E2E2E
C:16
M:34
Y:100
K:0
low-priority text  
#444444
C:32
M:25
Y:26
K:0
Subdued secondary text
#767676
C:74
M:67
Y:66
K:84
Highlights, subtle text, accent
#F5F5F5
C:0
M:0
Y:0
K:0
Color Architecture
Branding Primary Colors for Light Mode
Engineered for strong visual impact on bright surfaces. Gold (#996C00) serves as the primary highlight with a 4.66:1 contrast ratio against pure white (#FFFFFF). A balanced dark gray logotype (#2E2E2E) and accent highlights (#444444) maintain a sophisticated, readable aesthetic across all light environments.
Mark
#996C00
C:34
M:53
Y:100
K:17
background
#F5F5F5
C:3
M:2
Y:2
K:0
hightlight
#2E2E2E
C:70
M:64
Y:63
K:63
logotype
#444444
C:67
M:60
Y:59
K:44
Color Architecture
Secondary Colors for Light Mode
A structured UI surface palette designed for clear visual separation. Light Neutral Gray (#D4D4D4) organizes dividers and borders, while Medium Gray (#A8A8A8) anchors secondary text and icons. Dark Neutral Gray (#6B6B6B) provides bolder contrast for actionable details without overpowering the clean light mode canvas.
Gray  Dividers, borders
#D4D4D4
C:16
M:12
Y:13
K:0
Secondary text, icons
#A8A8A8
C:36
M:29
Y:29
K:0
Subtle emphasis for details
#6B6B6B
C:58
M:50
Y:49
K:17
Color Architecture
Gold gradient in Premium Branding
Engineered to establish luxury and structural depth across premium touchpoints. This precise sequence of six hues interpolates smoothly to construct our signature gold gradient. It is strictly applied to elevate distinct high-value assets, custom iconography, and the primary logomark with sophisticated, dimensional contrast.
#5E5339
C:34
M:53
Y:100
K:17
#F5F5F5
C:3
M:2
Y:2
K:0
#CEAA61
C:70
M:64
Y:63
K:63
#D5B874
C:70
M:64
Y:63
K:63
#746741
C:70
M:64
Y:63
K:63
gold gradient
#AD8F57
C:67
M:60
Y:59
K:44
Color Architecture
Branding Primary Colors for Dark Mode
Engineered for structural depth without visual fatigue. Gold (#D9A600) serves as the primary highlight with a 8.58:1 contrast ratio against true black background (#0F0F0F). A curated neutral gray scale supports UI hierarchy across cards, dividers, and secondary text while remaining fully WCAG-compliant.
Mark
#D9A600
C:16
M:34
Y:100
K:0
Logotype
#B1B1B1
C:32
M:25
Y:26
K:0
BG
#0F0F0F
C:74
M:67
Y:66
K:84
Highlight
#FFFFFF
C:0
M:0
Y:0
K:0
Color Architecture
Secondary Colors: Dark Mode
A structured UI surface palette engineered for visual depth without fatigue. Charcoal (#2E2E2E) elevates cards and modals, Mid Gray (#444444) handles dividers and borders, and Accent Gray (#767676) anchors secondary text. Soft White (#F5F5F5) delivers highlights while preserving the dark mode atmosphere.
Background, cards, UI sections
#2E2E2E
C:16
M:34
Y:100
K:0
low-priority text  
#444444
C:32
M:25
Y:26
K:0
Subdued secondary text
#767676
C:74
M:67
Y:66
K:84
Highlights, subtle text, accent
#F5F5F5
C:0
M:0
Y:0
K:0
Color Architecture
Branding Primary Colors for Light Mode
Engineered for strong visual impact on bright surfaces. Gold (#996C00) serves as the primary highlight with a 4.66:1 contrast ratio against pure white (#FFFFFF). A balanced dark gray logotype (#2E2E2E) and accent highlights (#444444) maintain a sophisticated, readable aesthetic across all light environments.
Mark
#996C00
C:34
M:53
Y:100
K:17
background
#F5F5F5
C:3
M:2
Y:2
K:0
hightlight
#2E2E2E
C:70
M:64
Y:63
K:63
logotype
#444444
C:67
M:60
Y:59
K:44
Color Architecture
Secondary Colors for Light Mode
A structured UI surface palette designed for clear visual separation. Light Neutral Gray (#D4D4D4) organizes dividers and borders, while Medium Gray (#A8A8A8) anchors secondary text and icons. Dark Neutral Gray (#6B6B6B) provides bolder contrast for actionable details without overpowering the clean light mode canvas.
Gray  Dividers, borders
#D4D4D4
C:16
M:12
Y:13
K:0
Secondary text, icons
#A8A8A8
C:36
M:29
Y:29
K:0
Subtle emphasis for details
#6B6B6B
C:58
M:50
Y:49
K:17
Color Architecture
Gold gradient in Premium Branding
Engineered to establish luxury and structural depth across premium touchpoints. This precise sequence of six hues interpolates smoothly to construct our signature gold gradient. It is strictly applied to elevate distinct high-value assets, custom iconography, and the primary logomark with sophisticated, dimensional contrast.
#5E5339
C:34
M:53
Y:100
K:17
#F5F5F5
C:3
M:2
Y:2
K:0
#CEAA61
C:70
M:64
Y:63
K:63
#D5B874
C:70
M:64
Y:63
K:63
#746741
C:70
M:64
Y:63
K:63
gold gradient
#AD8F57
C:67
M:60
Y:59
K:44
Color Architecture
Branding Primary Colors for Dark Mode
Engineered for structural depth without visual fatigue. Gold (#D9A600) serves as the primary highlight with a 8.58:1 contrast ratio against true black background (#0F0F0F). A curated neutral gray scale supports UI hierarchy across cards, dividers, and secondary text while remaining fully WCAG-compliant.
Mark
#D9A600
C:16
M:34
Y:100
K:0
Logotype
#B1B1B1
C:32
M:25
Y:26
K:0
BG
#0F0F0F
C:74
M:67
Y:66
K:84
Highlight
#FFFFFF
C:0
M:0
Y:0
K:0
Color Architecture
Secondary Colors: Dark Mode
A structured UI surface palette engineered for visual depth without fatigue. Charcoal (#2E2E2E) elevates cards and modals, Mid Gray (#444444) handles dividers and borders, and Accent Gray (#767676) anchors secondary text. Soft White (#F5F5F5) delivers highlights while preserving the dark mode atmosphere.
Background, cards, UI sections
#2E2E2E
C:16
M:34
Y:100
K:0
low-priority text  
#444444
C:32
M:25
Y:26
K:0
Subdued secondary text
#767676
C:74
M:67
Y:66
K:84
Highlights, subtle text, accent
#F5F5F5
C:0
M:0
Y:0
K:0
Color Architecture
Branding Primary Colors for Light Mode
Engineered for strong visual impact on bright surfaces. Gold (#996C00) serves as the primary highlight with a 4.66:1 contrast ratio against pure white (#FFFFFF). A balanced dark gray logotype (#2E2E2E) and accent highlights (#444444) maintain a sophisticated, readable aesthetic across all light environments.
Mark
#996C00
C:34
M:53
Y:100
K:17
background
#F5F5F5
C:3
M:2
Y:2
K:0
hightlight
#2E2E2E
C:70
M:64
Y:63
K:63
logotype
#444444
C:67
M:60
Y:59
K:44
Color Architecture
Secondary Colors for Light Mode
A structured UI surface palette designed for clear visual separation. Light Neutral Gray (#D4D4D4) organizes dividers and borders, while Medium Gray (#A8A8A8) anchors secondary text and icons. Dark Neutral Gray (#6B6B6B) provides bolder contrast for actionable details without overpowering the clean light mode canvas.
Gray  Dividers, borders
#D4D4D4
C:16
M:12
Y:13
K:0
Secondary text, icons
#A8A8A8
C:36
M:29
Y:29
K:0
Subtle emphasis for details
#6B6B6B
C:58
M:50
Y:49
K:17
Color Architecture
Gold gradient in Premium Branding
Engineered to establish luxury and structural depth across premium touchpoints. This precise sequence of six hues interpolates smoothly to construct our signature gold gradient. It is strictly applied to elevate distinct high-value assets, custom iconography, and the primary logomark with sophisticated, dimensional contrast.
#5E5339
C:34
M:53
Y:100
K:17
#F5F5F5
C:3
M:2
Y:2
K:0
#CEAA61
C:70
M:64
Y:63
K:63
#D5B874
C:70
M:64
Y:63
K:63
#746741
C:70
M:64
Y:63
K:63
gold gradient
#AD8F57
C:67
M:60
Y:59
K:44

Color Architecture
Branding Primary Colors for Dark Mode
Engineered for structural depth without visual fatigue. Gold (#D9A600) serves as the primary highlight with a 8.58:1 contrast ratio against true black background (#0F0F0F). A curated neutral gray scale supports UI hierarchy across cards, dividers, and secondary text while remaining fully WCAG-compliant.
Mark
#D9A600
C:16
M:34
Y:100
K:0
Logotype
#B1B1B1
C:32
M:25
Y:26
K:0
BG
#0F0F0F
C:74
M:67
Y:66
K:84
Highlight
#FFFFFF
C:0
M:0
Y:0
K:0
Color Architecture
Secondary Colors: Dark Mode
A structured UI surface palette engineered for visual depth without fatigue. Charcoal (#2E2E2E) elevates cards and modals, Mid Gray (#444444) handles dividers and borders, and Accent Gray (#767676) anchors secondary text. Soft White (#F5F5F5) delivers highlights while preserving the dark mode atmosphere.
Background, cards, UI sections
#2E2E2E
C:16
M:34
Y:100
K:0
low-priority text  
#444444
C:32
M:25
Y:26
K:0
Subdued secondary text
#767676
C:74
M:67
Y:66
K:84
Highlights, subtle text, accent
#F5F5F5
C:0
M:0
Y:0
K:0
Color Architecture
Branding Primary Colors for Light Mode
Engineered for strong visual impact on bright surfaces. Gold (#996C00) serves as the primary highlight with a 4.66:1 contrast ratio against pure white (#FFFFFF). A balanced dark gray logotype (#2E2E2E) and accent highlights (#444444) maintain a sophisticated, readable aesthetic across all light environments.
Mark
#996C00
C:34
M:53
Y:100
K:17
background
#F5F5F5
C:3
M:2
Y:2
K:0
hightlight
#2E2E2E
C:70
M:64
Y:63
K:63
logotype
#444444
C:67
M:60
Y:59
K:44
Color Architecture
Secondary Colors for Light Mode
A structured UI surface palette designed for clear visual separation. Light Neutral Gray (#D4D4D4) organizes dividers and borders, while Medium Gray (#A8A8A8) anchors secondary text and icons. Dark Neutral Gray (#6B6B6B) provides bolder contrast for actionable details without overpowering the clean light mode canvas.
Gray  Dividers, borders
#D4D4D4
C:16
M:12
Y:13
K:0
Secondary text, icons
#A8A8A8
C:36
M:29
Y:29
K:0
Subtle emphasis for details
#6B6B6B
C:58
M:50
Y:49
K:17
Color Architecture
Gold gradient in Premium Branding
Engineered to establish luxury and structural depth across premium touchpoints. This precise sequence of six hues interpolates smoothly to construct our signature gold gradient. It is strictly applied to elevate distinct high-value assets, custom iconography, and the primary logomark with sophisticated, dimensional contrast.
#5E5339
C:34
M:53
Y:100
K:17
#F5F5F5
C:3
M:2
Y:2
K:0
#CEAA61
C:70
M:64
Y:63
K:63
#D5B874
C:70
M:64
Y:63
K:63
#746741
C:70
M:64
Y:63
K:63
gold gradient
#AD8F57
C:67
M:60
Y:59
K:44
Color Architecture
Branding Primary Colors for Dark Mode
Engineered for structural depth without visual fatigue. Gold (#D9A600) serves as the primary highlight with a 8.58:1 contrast ratio against true black background (#0F0F0F). A curated neutral gray scale supports UI hierarchy across cards, dividers, and secondary text while remaining fully WCAG-compliant.
Mark
#D9A600
C:16
M:34
Y:100
K:0
Logotype
#B1B1B1
C:32
M:25
Y:26
K:0
BG
#0F0F0F
C:74
M:67
Y:66
K:84
Highlight
#FFFFFF
C:0
M:0
Y:0
K:0
Color Architecture
Secondary Colors: Dark Mode
A structured UI surface palette engineered for visual depth without fatigue. Charcoal (#2E2E2E) elevates cards and modals, Mid Gray (#444444) handles dividers and borders, and Accent Gray (#767676) anchors secondary text. Soft White (#F5F5F5) delivers highlights while preserving the dark mode atmosphere.
Background, cards, UI sections
#2E2E2E
C:16
M:34
Y:100
K:0
low-priority text  
#444444
C:32
M:25
Y:26
K:0
Subdued secondary text
#767676
C:74
M:67
Y:66
K:84
Highlights, subtle text, accent
#F5F5F5
C:0
M:0
Y:0
K:0
Color Architecture
Branding Primary Colors for Light Mode
Engineered for strong visual impact on bright surfaces. Gold (#996C00) serves as the primary highlight with a 4.66:1 contrast ratio against pure white (#FFFFFF). A balanced dark gray logotype (#2E2E2E) and accent highlights (#444444) maintain a sophisticated, readable aesthetic across all light environments.
Mark
#996C00
C:34
M:53
Y:100
K:17
background
#F5F5F5
C:3
M:2
Y:2
K:0
hightlight
#2E2E2E
C:70
M:64
Y:63
K:63
logotype
#444444
C:67
M:60
Y:59
K:44
Color Architecture
Secondary Colors for Light Mode
A structured UI surface palette designed for clear visual separation. Light Neutral Gray (#D4D4D4) organizes dividers and borders, while Medium Gray (#A8A8A8) anchors secondary text and icons. Dark Neutral Gray (#6B6B6B) provides bolder contrast for actionable details without overpowering the clean light mode canvas.
Gray  Dividers, borders
#D4D4D4
C:16
M:12
Y:13
K:0
Secondary text, icons
#A8A8A8
C:36
M:29
Y:29
K:0
Subtle emphasis for details
#6B6B6B
C:58
M:50
Y:49
K:17
Color Architecture
Gold gradient in Premium Branding
Engineered to establish luxury and structural depth across premium touchpoints. This precise sequence of six hues interpolates smoothly to construct our signature gold gradient. It is strictly applied to elevate distinct high-value assets, custom iconography, and the primary logomark with sophisticated, dimensional contrast.
#5E5339
C:34
M:53
Y:100
K:17
#F5F5F5
C:3
M:2
Y:2
K:0
#CEAA61
C:70
M:64
Y:63
K:63
#D5B874
C:70
M:64
Y:63
K:63
#746741
C:70
M:64
Y:63
K:63
gold gradient
#AD8F57
C:67
M:60
Y:59
K:44
Color Architecture
Branding Primary Colors for Dark Mode
Engineered for structural depth without visual fatigue. Gold (#D9A600) serves as the primary highlight with a 8.58:1 contrast ratio against true black background (#0F0F0F). A curated neutral gray scale supports UI hierarchy across cards, dividers, and secondary text while remaining fully WCAG-compliant.
Mark
#D9A600
C:16
M:34
Y:100
K:0
Logotype
#B1B1B1
C:32
M:25
Y:26
K:0
BG
#0F0F0F
C:74
M:67
Y:66
K:84
Highlight
#FFFFFF
C:0
M:0
Y:0
K:0
Color Architecture
Secondary Colors: Dark Mode
A structured UI surface palette engineered for visual depth without fatigue. Charcoal (#2E2E2E) elevates cards and modals, Mid Gray (#444444) handles dividers and borders, and Accent Gray (#767676) anchors secondary text. Soft White (#F5F5F5) delivers highlights while preserving the dark mode atmosphere.
Background, cards, UI sections
#2E2E2E
C:16
M:34
Y:100
K:0
low-priority text  
#444444
C:32
M:25
Y:26
K:0
Subdued secondary text
#767676
C:74
M:67
Y:66
K:84
Highlights, subtle text, accent
#F5F5F5
C:0
M:0
Y:0
K:0
Color Architecture
Branding Primary Colors for Light Mode
Engineered for strong visual impact on bright surfaces. Gold (#996C00) serves as the primary highlight with a 4.66:1 contrast ratio against pure white (#FFFFFF). A balanced dark gray logotype (#2E2E2E) and accent highlights (#444444) maintain a sophisticated, readable aesthetic across all light environments.
Mark
#996C00
C:34
M:53
Y:100
K:17
background
#F5F5F5
C:3
M:2
Y:2
K:0
hightlight
#2E2E2E
C:70
M:64
Y:63
K:63
logotype
#444444
C:67
M:60
Y:59
K:44
Color Architecture
Secondary Colors for Light Mode
A structured UI surface palette designed for clear visual separation. Light Neutral Gray (#D4D4D4) organizes dividers and borders, while Medium Gray (#A8A8A8) anchors secondary text and icons. Dark Neutral Gray (#6B6B6B) provides bolder contrast for actionable details without overpowering the clean light mode canvas.
Gray  Dividers, borders
#D4D4D4
C:16
M:12
Y:13
K:0
Secondary text, icons
#A8A8A8
C:36
M:29
Y:29
K:0
Subtle emphasis for details
#6B6B6B
C:58
M:50
Y:49
K:17
Color Architecture
Gold gradient in Premium Branding
Engineered to establish luxury and structural depth across premium touchpoints. This precise sequence of six hues interpolates smoothly to construct our signature gold gradient. It is strictly applied to elevate distinct high-value assets, custom iconography, and the primary logomark with sophisticated, dimensional contrast.
#5E5339
C:34
M:53
Y:100
K:17
#F5F5F5
C:3
M:2
Y:2
K:0
#CEAA61
C:70
M:64
Y:63
K:63
#D5B874
C:70
M:64
Y:63
K:63
#746741
C:70
M:64
Y:63
K:63
gold gradient
#AD8F57
C:67
M:60
Y:59
K:44
Color Architecture
Branding Primary Colors for Dark Mode
Engineered for structural depth without visual fatigue. Gold (#D9A600) serves as the primary highlight with a 8.58:1 contrast ratio against true black background (#0F0F0F). A curated neutral gray scale supports UI hierarchy across cards, dividers, and secondary text while remaining fully WCAG-compliant.
Mark
#D9A600
C:16
M:34
Y:100
K:0
Logotype
#B1B1B1
C:32
M:25
Y:26
K:0
BG
#0F0F0F
C:74
M:67
Y:66
K:84
Highlight
#FFFFFF
C:0
M:0
Y:0
K:0
Color Architecture
Secondary Colors: Dark Mode
A structured UI surface palette engineered for visual depth without fatigue. Charcoal (#2E2E2E) elevates cards and modals, Mid Gray (#444444) handles dividers and borders, and Accent Gray (#767676) anchors secondary text. Soft White (#F5F5F5) delivers highlights while preserving the dark mode atmosphere.
Background, cards, UI sections
#2E2E2E
C:16
M:34
Y:100
K:0
low-priority text  
#444444
C:32
M:25
Y:26
K:0
Subdued secondary text
#767676
C:74
M:67
Y:66
K:84
Highlights, subtle text, accent
#F5F5F5
C:0
M:0
Y:0
K:0
Color Architecture
Branding Primary Colors for Light Mode
Engineered for strong visual impact on bright surfaces. Gold (#996C00) serves as the primary highlight with a 4.66:1 contrast ratio against pure white (#FFFFFF). A balanced dark gray logotype (#2E2E2E) and accent highlights (#444444) maintain a sophisticated, readable aesthetic across all light environments.
Mark
#996C00
C:34
M:53
Y:100
K:17
background
#F5F5F5
C:3
M:2
Y:2
K:0
hightlight
#2E2E2E
C:70
M:64
Y:63
K:63
logotype
#444444
C:67
M:60
Y:59
K:44
Color Architecture
Secondary Colors for Light Mode
A structured UI surface palette designed for clear visual separation. Light Neutral Gray (#D4D4D4) organizes dividers and borders, while Medium Gray (#A8A8A8) anchors secondary text and icons. Dark Neutral Gray (#6B6B6B) provides bolder contrast for actionable details without overpowering the clean light mode canvas.
Gray  Dividers, borders
#D4D4D4
C:16
M:12
Y:13
K:0
Secondary text, icons
#A8A8A8
C:36
M:29
Y:29
K:0
Subtle emphasis for details
#6B6B6B
C:58
M:50
Y:49
K:17
Color Architecture
Gold gradient in Premium Branding
Engineered to establish luxury and structural depth across premium touchpoints. This precise sequence of six hues interpolates smoothly to construct our signature gold gradient. It is strictly applied to elevate distinct high-value assets, custom iconography, and the primary logomark with sophisticated, dimensional contrast.
#5E5339
C:34
M:53
Y:100
K:17
#F5F5F5
C:3
M:2
Y:2
K:0
#CEAA61
C:70
M:64
Y:63
K:63
#D5B874
C:70
M:64
Y:63
K:63
#746741
C:70
M:64
Y:63
K:63
gold gradient
#AD8F57
C:67
M:60
Y:59
K:44

Color Architecture
Branding Primary Colors for Dark Mode
Engineered for structural depth without visual fatigue. Gold (#D9A600) serves as the primary highlight with a 8.58:1 contrast ratio against true black background (#0F0F0F). A curated neutral gray scale supports UI hierarchy across cards, dividers, and secondary text while remaining fully WCAG-compliant.
Mark
#D9A600
C:16
M:34
Y:100
K:0
Logotype
#B1B1B1
C:32
M:25
Y:26
K:0
BG
#0F0F0F
C:74
M:67
Y:66
K:84
Highlight
#FFFFFF
C:0
M:0
Y:0
K:0
Color Architecture
Secondary Colors: Dark Mode
A structured UI surface palette engineered for visual depth without fatigue. Charcoal (#2E2E2E) elevates cards and modals, Mid Gray (#444444) handles dividers and borders, and Accent Gray (#767676) anchors secondary text. Soft White (#F5F5F5) delivers highlights while preserving the dark mode atmosphere.
Background, cards, UI sections
#2E2E2E
C:16
M:34
Y:100
K:0
low-priority text  
#444444
C:32
M:25
Y:26
K:0
Subdued secondary text
#767676
C:74
M:67
Y:66
K:84
Highlights, subtle text, accent
#F5F5F5
C:0
M:0
Y:0
K:0
Color Architecture
Branding Primary Colors for Light Mode
Engineered for strong visual impact on bright surfaces. Gold (#996C00) serves as the primary highlight with a 4.66:1 contrast ratio against pure white (#FFFFFF). A balanced dark gray logotype (#2E2E2E) and accent highlights (#444444) maintain a sophisticated, readable aesthetic across all light environments.
Mark
#996C00
C:34
M:53
Y:100
K:17
background
#F5F5F5
C:3
M:2
Y:2
K:0
hightlight
#2E2E2E
C:70
M:64
Y:63
K:63
logotype
#444444
C:67
M:60
Y:59
K:44
Color Architecture
Secondary Colors for Light Mode
A structured UI surface palette designed for clear visual separation. Light Neutral Gray (#D4D4D4) organizes dividers and borders, while Medium Gray (#A8A8A8) anchors secondary text and icons. Dark Neutral Gray (#6B6B6B) provides bolder contrast for actionable details without overpowering the clean light mode canvas.
Gray  Dividers, borders
#D4D4D4
C:16
M:12
Y:13
K:0
Secondary text, icons
#A8A8A8
C:36
M:29
Y:29
K:0
Subtle emphasis for details
#6B6B6B
C:58
M:50
Y:49
K:17
Color Architecture
Gold gradient in Premium Branding
Engineered to establish luxury and structural depth across premium touchpoints. This precise sequence of six hues interpolates smoothly to construct our signature gold gradient. It is strictly applied to elevate distinct high-value assets, custom iconography, and the primary logomark with sophisticated, dimensional contrast.
#5E5339
C:34
M:53
Y:100
K:17
#F5F5F5
C:3
M:2
Y:2
K:0
#CEAA61
C:70
M:64
Y:63
K:63
#D5B874
C:70
M:64
Y:63
K:63
#746741
C:70
M:64
Y:63
K:63
gold gradient
#AD8F57
C:67
M:60
Y:59
K:44
Color Architecture
Branding Primary Colors for Dark Mode
Engineered for structural depth without visual fatigue. Gold (#D9A600) serves as the primary highlight with a 8.58:1 contrast ratio against true black background (#0F0F0F). A curated neutral gray scale supports UI hierarchy across cards, dividers, and secondary text while remaining fully WCAG-compliant.
Mark
#D9A600
C:16
M:34
Y:100
K:0
Logotype
#B1B1B1
C:32
M:25
Y:26
K:0
BG
#0F0F0F
C:74
M:67
Y:66
K:84
Highlight
#FFFFFF
C:0
M:0
Y:0
K:0
Color Architecture
Secondary Colors: Dark Mode
A structured UI surface palette engineered for visual depth without fatigue. Charcoal (#2E2E2E) elevates cards and modals, Mid Gray (#444444) handles dividers and borders, and Accent Gray (#767676) anchors secondary text. Soft White (#F5F5F5) delivers highlights while preserving the dark mode atmosphere.
Background, cards, UI sections
#2E2E2E
C:16
M:34
Y:100
K:0
low-priority text  
#444444
C:32
M:25
Y:26
K:0
Subdued secondary text
#767676
C:74
M:67
Y:66
K:84
Highlights, subtle text, accent
#F5F5F5
C:0
M:0
Y:0
K:0
Color Architecture
Branding Primary Colors for Light Mode
Engineered for strong visual impact on bright surfaces. Gold (#996C00) serves as the primary highlight with a 4.66:1 contrast ratio against pure white (#FFFFFF). A balanced dark gray logotype (#2E2E2E) and accent highlights (#444444) maintain a sophisticated, readable aesthetic across all light environments.
Mark
#996C00
C:34
M:53
Y:100
K:17
background
#F5F5F5
C:3
M:2
Y:2
K:0
hightlight
#2E2E2E
C:70
M:64
Y:63
K:63
logotype
#444444
C:67
M:60
Y:59
K:44
Color Architecture
Secondary Colors for Light Mode
A structured UI surface palette designed for clear visual separation. Light Neutral Gray (#D4D4D4) organizes dividers and borders, while Medium Gray (#A8A8A8) anchors secondary text and icons. Dark Neutral Gray (#6B6B6B) provides bolder contrast for actionable details without overpowering the clean light mode canvas.
Gray  Dividers, borders
#D4D4D4
C:16
M:12
Y:13
K:0
Secondary text, icons
#A8A8A8
C:36
M:29
Y:29
K:0
Subtle emphasis for details
#6B6B6B
C:58
M:50
Y:49
K:17
Color Architecture
Gold gradient in Premium Branding
Engineered to establish luxury and structural depth across premium touchpoints. This precise sequence of six hues interpolates smoothly to construct our signature gold gradient. It is strictly applied to elevate distinct high-value assets, custom iconography, and the primary logomark with sophisticated, dimensional contrast.
#5E5339
C:34
M:53
Y:100
K:17
#F5F5F5
C:3
M:2
Y:2
K:0
#CEAA61
C:70
M:64
Y:63
K:63
#D5B874
C:70
M:64
Y:63
K:63
#746741
C:70
M:64
Y:63
K:63
gold gradient
#AD8F57
C:67
M:60
Y:59
K:44
Color Architecture
Branding Primary Colors for Dark Mode
Engineered for structural depth without visual fatigue. Gold (#D9A600) serves as the primary highlight with a 8.58:1 contrast ratio against true black background (#0F0F0F). A curated neutral gray scale supports UI hierarchy across cards, dividers, and secondary text while remaining fully WCAG-compliant.
Mark
#D9A600
C:16
M:34
Y:100
K:0
Logotype
#B1B1B1
C:32
M:25
Y:26
K:0
BG
#0F0F0F
C:74
M:67
Y:66
K:84
Highlight
#FFFFFF
C:0
M:0
Y:0
K:0
Color Architecture
Secondary Colors: Dark Mode
A structured UI surface palette engineered for visual depth without fatigue. Charcoal (#2E2E2E) elevates cards and modals, Mid Gray (#444444) handles dividers and borders, and Accent Gray (#767676) anchors secondary text. Soft White (#F5F5F5) delivers highlights while preserving the dark mode atmosphere.
Background, cards, UI sections
#2E2E2E
C:16
M:34
Y:100
K:0
low-priority text  
#444444
C:32
M:25
Y:26
K:0
Subdued secondary text
#767676
C:74
M:67
Y:66
K:84
Highlights, subtle text, accent
#F5F5F5
C:0
M:0
Y:0
K:0
Color Architecture
Branding Primary Colors for Light Mode
Engineered for strong visual impact on bright surfaces. Gold (#996C00) serves as the primary highlight with a 4.66:1 contrast ratio against pure white (#FFFFFF). A balanced dark gray logotype (#2E2E2E) and accent highlights (#444444) maintain a sophisticated, readable aesthetic across all light environments.
Mark
#996C00
C:34
M:53
Y:100
K:17
background
#F5F5F5
C:3
M:2
Y:2
K:0
hightlight
#2E2E2E
C:70
M:64
Y:63
K:63
logotype
#444444
C:67
M:60
Y:59
K:44
Color Architecture
Secondary Colors for Light Mode
A structured UI surface palette designed for clear visual separation. Light Neutral Gray (#D4D4D4) organizes dividers and borders, while Medium Gray (#A8A8A8) anchors secondary text and icons. Dark Neutral Gray (#6B6B6B) provides bolder contrast for actionable details without overpowering the clean light mode canvas.
Gray  Dividers, borders
#D4D4D4
C:16
M:12
Y:13
K:0
Secondary text, icons
#A8A8A8
C:36
M:29
Y:29
K:0
Subtle emphasis for details
#6B6B6B
C:58
M:50
Y:49
K:17
Color Architecture
Gold gradient in Premium Branding
Engineered to establish luxury and structural depth across premium touchpoints. This precise sequence of six hues interpolates smoothly to construct our signature gold gradient. It is strictly applied to elevate distinct high-value assets, custom iconography, and the primary logomark with sophisticated, dimensional contrast.
#5E5339
C:34
M:53
Y:100
K:17
#F5F5F5
C:3
M:2
Y:2
K:0
#CEAA61
C:70
M:64
Y:63
K:63
#D5B874
C:70
M:64
Y:63
K:63
#746741
C:70
M:64
Y:63
K:63
gold gradient
#AD8F57
C:67
M:60
Y:59
K:44
Color Architecture
Branding Primary Colors for Dark Mode
Engineered for structural depth without visual fatigue. Gold (#D9A600) serves as the primary highlight with a 8.58:1 contrast ratio against true black background (#0F0F0F). A curated neutral gray scale supports UI hierarchy across cards, dividers, and secondary text while remaining fully WCAG-compliant.
Mark
#D9A600
C:16
M:34
Y:100
K:0
Logotype
#B1B1B1
C:32
M:25
Y:26
K:0
BG
#0F0F0F
C:74
M:67
Y:66
K:84
Highlight
#FFFFFF
C:0
M:0
Y:0
K:0
Color Architecture
Secondary Colors: Dark Mode
A structured UI surface palette engineered for visual depth without fatigue. Charcoal (#2E2E2E) elevates cards and modals, Mid Gray (#444444) handles dividers and borders, and Accent Gray (#767676) anchors secondary text. Soft White (#F5F5F5) delivers highlights while preserving the dark mode atmosphere.
Background, cards, UI sections
#2E2E2E
C:16
M:34
Y:100
K:0
low-priority text  
#444444
C:32
M:25
Y:26
K:0
Subdued secondary text
#767676
C:74
M:67
Y:66
K:84
Highlights, subtle text, accent
#F5F5F5
C:0
M:0
Y:0
K:0
Color Architecture
Branding Primary Colors for Light Mode
Engineered for strong visual impact on bright surfaces. Gold (#996C00) serves as the primary highlight with a 4.66:1 contrast ratio against pure white (#FFFFFF). A balanced dark gray logotype (#2E2E2E) and accent highlights (#444444) maintain a sophisticated, readable aesthetic across all light environments.
Mark
#996C00
C:34
M:53
Y:100
K:17
background
#F5F5F5
C:3
M:2
Y:2
K:0
hightlight
#2E2E2E
C:70
M:64
Y:63
K:63
logotype
#444444
C:67
M:60
Y:59
K:44
Color Architecture
Secondary Colors for Light Mode
A structured UI surface palette designed for clear visual separation. Light Neutral Gray (#D4D4D4) organizes dividers and borders, while Medium Gray (#A8A8A8) anchors secondary text and icons. Dark Neutral Gray (#6B6B6B) provides bolder contrast for actionable details without overpowering the clean light mode canvas.
Gray  Dividers, borders
#D4D4D4
C:16
M:12
Y:13
K:0
Secondary text, icons
#A8A8A8
C:36
M:29
Y:29
K:0
Subtle emphasis for details
#6B6B6B
C:58
M:50
Y:49
K:17
Color Architecture
Gold gradient in Premium Branding
Engineered to establish luxury and structural depth across premium touchpoints. This precise sequence of six hues interpolates smoothly to construct our signature gold gradient. It is strictly applied to elevate distinct high-value assets, custom iconography, and the primary logomark with sophisticated, dimensional contrast.
#5E5339
C:34
M:53
Y:100
K:17
#F5F5F5
C:3
M:2
Y:2
K:0
#CEAA61
C:70
M:64
Y:63
K:63
#D5B874
C:70
M:64
Y:63
K:63
#746741
C:70
M:64
Y:63
K:63
gold gradient
#AD8F57
C:67
M:60
Y:59
K:44

WCAG Contrast Standards
Light Mode Contrast Integrity
In Light Mode, our vibrant Gold (#996C00) against crisp white (#FFFFFF) is engineered for maximum clarity. This precise 4.67:1 contrast ratio meets strict WCAG accessibility standards, guaranteeing our primary brand assets are always highly legible and distinct.
WCAG- contrast ratio: 4.67:1
background color #996C00
assets color #ffffff
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Light Mode Contrast Integrity
Our signature Gold (#996C00) on pristine white (#FFFFFF) delivers a precise 4.67:1 contrast ratio. Meeting essential WCAG standards, this deliberate pairing ensures the ALI Agents brand remains distinct, legible, and fully accessible to all users.
WCAG- contrast ratio: 4.67:1
background color #FFFFFF
assets color #996C00
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Light Mode Contrast Integrity
Our primary dark gray (#2E2E2E) against pristine white (#FFFFFF) delivers an exceptional contrast ratio of 13.58:1. Easily exceeding WCAG accessibility standards, this deliberate pairing ensures a sophisticated, highly legible, and fully inclusive design across all interfaces.
WCAG- contrast ratio: 13.58:1
background color #FFFFFF
assets color #2E2E2E
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Dark Mode Contrast Integrity
Our Dark Mode Gold (#D9A600) paired with a deep black background (#0F0F0F) delivers a strong contrast ratio of 8.58:1. Built on precise design engineering, this combination easily exceeds WCAG standards to guarantee optimal legibility across all dark mode interfaces.
WCAG- contrast ratio: 8.58:1
background color #0F0F0F
assets color #D9A600
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Dark Mode Contrast Integrity
Primary dark gray (#2E2E2E) on Dark Mode Yellow (#D9A600) creates a 6.08:1 contrast ratio. This conditionally passes WCAG standards for large, bold graphics and text.
WCAG- contrast ratio: 6.08:1
background color #D9A600
assets color #2E2E2E
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Dark Mode Contrast Integrity
Layering our Dark Mode Gold (#D9A600) over dark gray backgrounds (#2E2E2E) achieves a 6.08:1 contrast ratio. This pairing successfully creates sophisticated visual depth and passes WCAG standards for structural elements, bold icons, and large headings.
WCAG- contrast ratio: 6.08:1
background color #D9A600
assets color #D9A600
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Common Pitfalls
Placing white text (#FFFFFF) against our Dark Mode Yellow (#D9A600) creates a failing contrast ratio of 2.23:1. This pairing must be strictly avoided across all interfaces, as it falls well below WCAG standards and severely compromises legibility for all users.
WCAG- contrast ratio: 2.23:1
background color #D9A600
assets color #FFFFFF
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Cross-Mode Violations
Placing our Light Mode Gold (#996C00) on a Dark Gray background (#0F0F0F) creates a contrast conflict yielding a ratio of 4.11:1. This environment mismatch fails minimum WCAG standards for regular body text and strains visual accessibility, highlighting why our environment palettes must never be mixed.
WCAG- contrast ratio: 4.11:1
background color #0F0F0F
assets color #996C00
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Light Mode Contrast Integrity
In Light Mode, our vibrant Gold (#996C00) against crisp white (#FFFFFF) is engineered for maximum clarity. This precise 4.67:1 contrast ratio meets strict WCAG accessibility standards, guaranteeing our primary brand assets are always highly legible and distinct.
WCAG- contrast ratio: 4.67:1
background color #996C00
assets color #ffffff
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Light Mode Contrast Integrity
Our signature Gold (#996C00) on pristine white (#FFFFFF) delivers a precise 4.67:1 contrast ratio. Meeting essential WCAG standards, this deliberate pairing ensures the ALI Agents brand remains distinct, legible, and fully accessible to all users.
WCAG- contrast ratio: 4.67:1
background color #FFFFFF
assets color #996C00
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Light Mode Contrast Integrity
Our primary dark gray (#2E2E2E) against pristine white (#FFFFFF) delivers an exceptional contrast ratio of 13.58:1. Easily exceeding WCAG accessibility standards, this deliberate pairing ensures a sophisticated, highly legible, and fully inclusive design across all interfaces.
WCAG- contrast ratio: 13.58:1
background color #FFFFFF
assets color #2E2E2E
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Dark Mode Contrast Integrity
Our Dark Mode Gold (#D9A600) paired with a deep black background (#0F0F0F) delivers a strong contrast ratio of 8.58:1. Built on precise design engineering, this combination easily exceeds WCAG standards to guarantee optimal legibility across all dark mode interfaces.
WCAG- contrast ratio: 8.58:1
background color #0F0F0F
assets color #D9A600
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Dark Mode Contrast Integrity
Primary dark gray (#2E2E2E) on Dark Mode Yellow (#D9A600) creates a 6.08:1 contrast ratio. This conditionally passes WCAG standards for large, bold graphics and text.
WCAG- contrast ratio: 6.08:1
background color #D9A600
assets color #2E2E2E
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Dark Mode Contrast Integrity
Layering our Dark Mode Gold (#D9A600) over dark gray backgrounds (#2E2E2E) achieves a 6.08:1 contrast ratio. This pairing successfully creates sophisticated visual depth and passes WCAG standards for structural elements, bold icons, and large headings.
WCAG- contrast ratio: 6.08:1
background color #D9A600
assets color #D9A600
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Common Pitfalls
Placing white text (#FFFFFF) against our Dark Mode Yellow (#D9A600) creates a failing contrast ratio of 2.23:1. This pairing must be strictly avoided across all interfaces, as it falls well below WCAG standards and severely compromises legibility for all users.
WCAG- contrast ratio: 2.23:1
background color #D9A600
assets color #FFFFFF
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Cross-Mode Violations
Placing our Light Mode Gold (#996C00) on a Dark Gray background (#0F0F0F) creates a contrast conflict yielding a ratio of 4.11:1. This environment mismatch fails minimum WCAG standards for regular body text and strains visual accessibility, highlighting why our environment palettes must never be mixed.
WCAG- contrast ratio: 4.11:1
background color #0F0F0F
assets color #996C00
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Light Mode Contrast Integrity
In Light Mode, our vibrant Gold (#996C00) against crisp white (#FFFFFF) is engineered for maximum clarity. This precise 4.67:1 contrast ratio meets strict WCAG accessibility standards, guaranteeing our primary brand assets are always highly legible and distinct.
WCAG- contrast ratio: 4.67:1
background color #996C00
assets color #ffffff
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Light Mode Contrast Integrity
Our signature Gold (#996C00) on pristine white (#FFFFFF) delivers a precise 4.67:1 contrast ratio. Meeting essential WCAG standards, this deliberate pairing ensures the ALI Agents brand remains distinct, legible, and fully accessible to all users.
WCAG- contrast ratio: 4.67:1
background color #FFFFFF
assets color #996C00
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Light Mode Contrast Integrity
Our primary dark gray (#2E2E2E) against pristine white (#FFFFFF) delivers an exceptional contrast ratio of 13.58:1. Easily exceeding WCAG accessibility standards, this deliberate pairing ensures a sophisticated, highly legible, and fully inclusive design across all interfaces.
WCAG- contrast ratio: 13.58:1
background color #FFFFFF
assets color #2E2E2E
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Dark Mode Contrast Integrity
Our Dark Mode Gold (#D9A600) paired with a deep black background (#0F0F0F) delivers a strong contrast ratio of 8.58:1. Built on precise design engineering, this combination easily exceeds WCAG standards to guarantee optimal legibility across all dark mode interfaces.
WCAG- contrast ratio: 8.58:1
background color #0F0F0F
assets color #D9A600
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Dark Mode Contrast Integrity
Primary dark gray (#2E2E2E) on Dark Mode Yellow (#D9A600) creates a 6.08:1 contrast ratio. This conditionally passes WCAG standards for large, bold graphics and text.
WCAG- contrast ratio: 6.08:1
background color #D9A600
assets color #2E2E2E
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Dark Mode Contrast Integrity
Layering our Dark Mode Gold (#D9A600) over dark gray backgrounds (#2E2E2E) achieves a 6.08:1 contrast ratio. This pairing successfully creates sophisticated visual depth and passes WCAG standards for structural elements, bold icons, and large headings.
WCAG- contrast ratio: 6.08:1
background color #D9A600
assets color #D9A600
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Common Pitfalls
Placing white text (#FFFFFF) against our Dark Mode Yellow (#D9A600) creates a failing contrast ratio of 2.23:1. This pairing must be strictly avoided across all interfaces, as it falls well below WCAG standards and severely compromises legibility for all users.
WCAG- contrast ratio: 2.23:1
background color #D9A600
assets color #FFFFFF
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Cross-Mode Violations
Placing our Light Mode Gold (#996C00) on a Dark Gray background (#0F0F0F) creates a contrast conflict yielding a ratio of 4.11:1. This environment mismatch fails minimum WCAG standards for regular body text and strains visual accessibility, highlighting why our environment palettes must never be mixed.
WCAG- contrast ratio: 4.11:1
background color #0F0F0F
assets color #996C00
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Light Mode Contrast Integrity
In Light Mode, our vibrant Gold (#996C00) against crisp white (#FFFFFF) is engineered for maximum clarity. This precise 4.67:1 contrast ratio meets strict WCAG accessibility standards, guaranteeing our primary brand assets are always highly legible and distinct.
WCAG- contrast ratio: 4.67:1
background color #996C00
assets color #ffffff
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Light Mode Contrast Integrity
Our signature Gold (#996C00) on pristine white (#FFFFFF) delivers a precise 4.67:1 contrast ratio. Meeting essential WCAG standards, this deliberate pairing ensures the ALI Agents brand remains distinct, legible, and fully accessible to all users.
WCAG- contrast ratio: 4.67:1
background color #FFFFFF
assets color #996C00
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Light Mode Contrast Integrity
Our primary dark gray (#2E2E2E) against pristine white (#FFFFFF) delivers an exceptional contrast ratio of 13.58:1. Easily exceeding WCAG accessibility standards, this deliberate pairing ensures a sophisticated, highly legible, and fully inclusive design across all interfaces.
WCAG- contrast ratio: 13.58:1
background color #FFFFFF
assets color #2E2E2E
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Dark Mode Contrast Integrity
Our Dark Mode Gold (#D9A600) paired with a deep black background (#0F0F0F) delivers a strong contrast ratio of 8.58:1. Built on precise design engineering, this combination easily exceeds WCAG standards to guarantee optimal legibility across all dark mode interfaces.
WCAG- contrast ratio: 8.58:1
background color #0F0F0F
assets color #D9A600
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Dark Mode Contrast Integrity
Primary dark gray (#2E2E2E) on Dark Mode Yellow (#D9A600) creates a 6.08:1 contrast ratio. This conditionally passes WCAG standards for large, bold graphics and text.
WCAG- contrast ratio: 6.08:1
background color #D9A600
assets color #2E2E2E
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Dark Mode Contrast Integrity
Layering our Dark Mode Gold (#D9A600) over dark gray backgrounds (#2E2E2E) achieves a 6.08:1 contrast ratio. This pairing successfully creates sophisticated visual depth and passes WCAG standards for structural elements, bold icons, and large headings.
WCAG- contrast ratio: 6.08:1
background color #D9A600
assets color #D9A600
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Common Pitfalls
Placing white text (#FFFFFF) against our Dark Mode Yellow (#D9A600) creates a failing contrast ratio of 2.23:1. This pairing must be strictly avoided across all interfaces, as it falls well below WCAG standards and severely compromises legibility for all users.
WCAG- contrast ratio: 2.23:1
background color #D9A600
assets color #FFFFFF
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Cross-Mode Violations
Placing our Light Mode Gold (#996C00) on a Dark Gray background (#0F0F0F) creates a contrast conflict yielding a ratio of 4.11:1. This environment mismatch fails minimum WCAG standards for regular body text and strains visual accessibility, highlighting why our environment palettes must never be mixed.
WCAG- contrast ratio: 4.11:1
background color #0F0F0F
assets color #996C00
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics

WCAG Contrast Standards
Light Mode Contrast Integrity
In Light Mode, our vibrant Gold (#996C00) against crisp white (#FFFFFF) is engineered for maximum clarity. This precise 4.67:1 contrast ratio meets strict WCAG accessibility standards, guaranteeing our primary brand assets are always highly legible and distinct.
WCAG- contrast ratio: 4.67:1
background color #996C00
assets color #ffffff
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Light Mode Contrast Integrity
Our signature Gold (#996C00) on pristine white (#FFFFFF) delivers a precise 4.67:1 contrast ratio. Meeting essential WCAG standards, this deliberate pairing ensures the ALI Agents brand remains distinct, legible, and fully accessible to all users.
WCAG- contrast ratio: 4.67:1
background color #996C00
assets color #ffffff
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Light Mode Contrast Integrity
Our primary dark gray (#2E2E2E) against pristine white (#FFFFFF) delivers an exceptional contrast ratio of 13.58:1. Easily exceeding WCAG accessibility standards, this deliberate pairing ensures a sophisticated, highly legible, and fully inclusive design across all interfaces.
WCAG- contrast ratio: 13.58:1
background color #FFFFFF
assets color #2E2E2E
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Dark Mode Contrast Integrity
Our Dark Mode Gold (#D9A600) paired with a deep black background (#0F0F0F) delivers a strong contrast ratio of 8.58:1. Built on precise design engineering, this combination easily exceeds WCAG standards to guarantee optimal legibility across all dark mode interfaces.
WCAG- contrast ratio: 13.58:1
background color #0F0F0F
assets color #D9A600
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Dark Mode Contrast Integrity
Primary dark gray (#2E2E2E) on Dark Mode Yellow (#D9A600) creates a 6.08:1 contrast ratio. This conditionally passes WCAG standards for large, bold graphics and text.
WCAG- contrast ratio: 6.08:1
background color #2E2E2E
assets color #D9A600
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Dark Mode Contrast Integrity
Layering our Dark Mode Gold (#D9A600) over dark gray backgrounds (#2E2E2E) achieves a 6.08:1 contrast ratio. This pairing successfully creates sophisticated visual depth and passes WCAG standards for structural elements, bold icons, and large headings.
WCAG- contrast ratio: 6.08:1
background color #2E2E2E
assets color #D9A600
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Common Pitfalls
Placing white text (#FFFFFF) against our Dark Mode Yellow (#D9A600) creates a failing contrast ratio of 2.23:1. This pairing must be strictly avoided across all interfaces, as it falls well below WCAG standards and severely compromises legibility for all users.
WCAG- contrast ratio: 6.08:1
background color #D9A600
assets color #FFFFFF
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Cross-Mode Violations
Placing our Light Mode Gold (#996C00) on a Dark Gray background (#0F0F0F) creates a contrast conflict yielding a ratio of 4.11:1. This environment mismatch fails minimum WCAG standards for regular body text and strains visual accessibility, highlighting why our environment palettes must never be mixed.
WCAG- contrast ratio: 4.11:1
background color #0F0F0F
assets color #996C00
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Light Mode Contrast Integrity
In Light Mode, our vibrant Gold (#996C00) against crisp white (#FFFFFF) is engineered for maximum clarity. This precise 4.67:1 contrast ratio meets strict WCAG accessibility standards, guaranteeing our primary brand assets are always highly legible and distinct.
WCAG- contrast ratio: 4.67:1
background color #996C00
assets color #ffffff
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Light Mode Contrast Integrity
Our signature Gold (#996C00) on pristine white (#FFFFFF) delivers a precise 4.67:1 contrast ratio. Meeting essential WCAG standards, this deliberate pairing ensures the ALI Agents brand remains distinct, legible, and fully accessible to all users.
WCAG- contrast ratio: 4.67:1
background color #996C00
assets color #ffffff
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Light Mode Contrast Integrity
Our primary dark gray (#2E2E2E) against pristine white (#FFFFFF) delivers an exceptional contrast ratio of 13.58:1. Easily exceeding WCAG accessibility standards, this deliberate pairing ensures a sophisticated, highly legible, and fully inclusive design across all interfaces.
WCAG- contrast ratio: 13.58:1
background color #FFFFFF
assets color #2E2E2E
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Dark Mode Contrast Integrity
Our Dark Mode Gold (#D9A600) paired with a deep black background (#0F0F0F) delivers a strong contrast ratio of 8.58:1. Built on precise design engineering, this combination easily exceeds WCAG standards to guarantee optimal legibility across all dark mode interfaces.
WCAG- contrast ratio: 13.58:1
background color #0F0F0F
assets color #D9A600
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Dark Mode Contrast Integrity
Primary dark gray (#2E2E2E) on Dark Mode Yellow (#D9A600) creates a 6.08:1 contrast ratio. This conditionally passes WCAG standards for large, bold graphics and text.
WCAG- contrast ratio: 6.08:1
background color #2E2E2E
assets color #D9A600
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Dark Mode Contrast Integrity
Layering our Dark Mode Gold (#D9A600) over dark gray backgrounds (#2E2E2E) achieves a 6.08:1 contrast ratio. This pairing successfully creates sophisticated visual depth and passes WCAG standards for structural elements, bold icons, and large headings.
WCAG- contrast ratio: 6.08:1
background color #2E2E2E
assets color #D9A600
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Common Pitfalls
Placing white text (#FFFFFF) against our Dark Mode Yellow (#D9A600) creates a failing contrast ratio of 2.23:1. This pairing must be strictly avoided across all interfaces, as it falls well below WCAG standards and severely compromises legibility for all users.
WCAG- contrast ratio: 6.08:1
background color #D9A600
assets color #FFFFFF
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Cross-Mode Violations
Placing our Light Mode Gold (#996C00) on a Dark Gray background (#0F0F0F) creates a contrast conflict yielding a ratio of 4.11:1. This environment mismatch fails minimum WCAG standards for regular body text and strains visual accessibility, highlighting why our environment palettes must never be mixed.
WCAG- contrast ratio: 4.11:1
background color #0F0F0F
assets color #996C00
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Light Mode Contrast Integrity
In Light Mode, our vibrant Gold (#996C00) against crisp white (#FFFFFF) is engineered for maximum clarity. This precise 4.67:1 contrast ratio meets strict WCAG accessibility standards, guaranteeing our primary brand assets are always highly legible and distinct.
WCAG- contrast ratio: 4.67:1
background color #996C00
assets color #ffffff
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Light Mode Contrast Integrity
Our signature Gold (#996C00) on pristine white (#FFFFFF) delivers a precise 4.67:1 contrast ratio. Meeting essential WCAG standards, this deliberate pairing ensures the ALI Agents brand remains distinct, legible, and fully accessible to all users.
WCAG- contrast ratio: 4.67:1
background color #996C00
assets color #ffffff
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Light Mode Contrast Integrity
Our primary dark gray (#2E2E2E) against pristine white (#FFFFFF) delivers an exceptional contrast ratio of 13.58:1. Easily exceeding WCAG accessibility standards, this deliberate pairing ensures a sophisticated, highly legible, and fully inclusive design across all interfaces.
WCAG- contrast ratio: 13.58:1
background color #FFFFFF
assets color #2E2E2E
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Dark Mode Contrast Integrity
Our Dark Mode Gold (#D9A600) paired with a deep black background (#0F0F0F) delivers a strong contrast ratio of 8.58:1. Built on precise design engineering, this combination easily exceeds WCAG standards to guarantee optimal legibility across all dark mode interfaces.
WCAG- contrast ratio: 13.58:1
background color #0F0F0F
assets color #D9A600
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Dark Mode Contrast Integrity
Primary dark gray (#2E2E2E) on Dark Mode Yellow (#D9A600) creates a 6.08:1 contrast ratio. This conditionally passes WCAG standards for large, bold graphics and text.
WCAG- contrast ratio: 6.08:1
background color #2E2E2E
assets color #D9A600
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Dark Mode Contrast Integrity
Layering our Dark Mode Gold (#D9A600) over dark gray backgrounds (#2E2E2E) achieves a 6.08:1 contrast ratio. This pairing successfully creates sophisticated visual depth and passes WCAG standards for structural elements, bold icons, and large headings.
WCAG- contrast ratio: 6.08:1
background color #2E2E2E
assets color #D9A600
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Common Pitfalls
Placing white text (#FFFFFF) against our Dark Mode Yellow (#D9A600) creates a failing contrast ratio of 2.23:1. This pairing must be strictly avoided across all interfaces, as it falls well below WCAG standards and severely compromises legibility for all users.
WCAG- contrast ratio: 6.08:1
background color #D9A600
assets color #FFFFFF
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Cross-Mode Violations
Placing our Light Mode Gold (#996C00) on a Dark Gray background (#0F0F0F) creates a contrast conflict yielding a ratio of 4.11:1. This environment mismatch fails minimum WCAG standards for regular body text and strains visual accessibility, highlighting why our environment palettes must never be mixed.
WCAG- contrast ratio: 4.11:1
background color #0F0F0F
assets color #996C00
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Light Mode Contrast Integrity
In Light Mode, our vibrant Gold (#996C00) against crisp white (#FFFFFF) is engineered for maximum clarity. This precise 4.67:1 contrast ratio meets strict WCAG accessibility standards, guaranteeing our primary brand assets are always highly legible and distinct.
WCAG- contrast ratio: 4.67:1
background color #996C00
assets color #ffffff
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Light Mode Contrast Integrity
Our signature Gold (#996C00) on pristine white (#FFFFFF) delivers a precise 4.67:1 contrast ratio. Meeting essential WCAG standards, this deliberate pairing ensures the ALI Agents brand remains distinct, legible, and fully accessible to all users.
WCAG- contrast ratio: 4.67:1
background color #996C00
assets color #ffffff
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Light Mode Contrast Integrity
Our primary dark gray (#2E2E2E) against pristine white (#FFFFFF) delivers an exceptional contrast ratio of 13.58:1. Easily exceeding WCAG accessibility standards, this deliberate pairing ensures a sophisticated, highly legible, and fully inclusive design across all interfaces.
WCAG- contrast ratio: 13.58:1
background color #FFFFFF
assets color #2E2E2E
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Dark Mode Contrast Integrity
Our Dark Mode Gold (#D9A600) paired with a deep black background (#0F0F0F) delivers a strong contrast ratio of 8.58:1. Built on precise design engineering, this combination easily exceeds WCAG standards to guarantee optimal legibility across all dark mode interfaces.
WCAG- contrast ratio: 13.58:1
background color #0F0F0F
assets color #D9A600
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Dark Mode Contrast Integrity
Primary dark gray (#2E2E2E) on Dark Mode Yellow (#D9A600) creates a 6.08:1 contrast ratio. This conditionally passes WCAG standards for large, bold graphics and text.
WCAG- contrast ratio: 6.08:1
background color #2E2E2E
assets color #D9A600
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Dark Mode Contrast Integrity
Layering our Dark Mode Gold (#D9A600) over dark gray backgrounds (#2E2E2E) achieves a 6.08:1 contrast ratio. This pairing successfully creates sophisticated visual depth and passes WCAG standards for structural elements, bold icons, and large headings.
WCAG- contrast ratio: 6.08:1
background color #2E2E2E
assets color #D9A600
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Common Pitfalls
Placing white text (#FFFFFF) against our Dark Mode Yellow (#D9A600) creates a failing contrast ratio of 2.23:1. This pairing must be strictly avoided across all interfaces, as it falls well below WCAG standards and severely compromises legibility for all users.
WCAG- contrast ratio: 6.08:1
background color #D9A600
assets color #FFFFFF
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Cross-Mode Violations
Placing our Light Mode Gold (#996C00) on a Dark Gray background (#0F0F0F) creates a contrast conflict yielding a ratio of 4.11:1. This environment mismatch fails minimum WCAG standards for regular body text and strains visual accessibility, highlighting why our environment palettes must never be mixed.
WCAG- contrast ratio: 4.11:1
background color #0F0F0F
assets color #996C00
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics

WCAG Contrast Standards
Light Mode Contrast Integrity
In Light Mode, our vibrant Gold (#996C00) against crisp white (#FFFFFF) is engineered for maximum clarity. This precise 4.67:1 contrast ratio meets strict WCAG accessibility standards, guaranteeing our primary brand assets are always highly legible and distinct.
WCAG- contrast ratio: 4.67:1
background color #996C00
assets color #ffffff
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Light Mode Contrast Integrity
Our signature Gold (#996C00) on pristine white (#FFFFFF) delivers a precise 4.67:1 contrast ratio. Meeting essential WCAG standards, this deliberate pairing ensures the ALI Agents brand remains distinct, legible, and fully accessible to all users.
WCAG- contrast ratio: 4.67:1
background color #996C00
assets color #ffffff
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Light Mode Contrast Integrity
Our primary dark gray (#2E2E2E) against pristine white (#FFFFFF) delivers an exceptional contrast ratio of 13.58:1. Easily exceeding WCAG accessibility standards, this deliberate pairing ensures a sophisticated, highly legible, and fully inclusive design across all interfaces.
WCAG- contrast ratio: 13.58:1
background color #FFFFFF
assets color #2E2E2E
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Dark Mode Contrast Integrity
Our Dark Mode Gold (#D9A600) paired with a deep black background (#0F0F0F) delivers a strong contrast ratio of 8.58:1. Built on precise design engineering, this combination easily exceeds WCAG standards to guarantee optimal legibility across all dark mode interfaces.
WCAG- contrast ratio: 13.58:1
background color #0F0F0F
assets color #D9A600
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Dark Mode Contrast Integrity
Primary dark gray (#2E2E2E) on Dark Mode Yellow (#D9A600) creates a 6.08:1 contrast ratio. This conditionally passes WCAG standards for large, bold graphics and text.
WCAG- contrast ratio: 6.08:1
background color #2E2E2E
assets color #D9A600
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Dark Mode Contrast Integrity
Layering our Dark Mode Gold (#D9A600) over dark gray backgrounds (#2E2E2E) achieves a 6.08:1 contrast ratio. This pairing successfully creates sophisticated visual depth and passes WCAG standards for structural elements, bold icons, and large headings.
WCAG- contrast ratio: 6.08:1
background color #2E2E2E
assets color #D9A600
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Common Pitfalls
Placing white text (#FFFFFF) against our Dark Mode Yellow (#D9A600) creates a failing contrast ratio of 2.23:1. This pairing must be strictly avoided across all interfaces, as it falls well below WCAG standards and severely compromises legibility for all users.
WCAG- contrast ratio: 6.08:1
background color #D9A600
assets color #FFFFFF
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Cross-Mode Violations
Placing our Light Mode Gold (#996C00) on a Dark Gray background (#0F0F0F) creates a contrast conflict yielding a ratio of 4.11:1. This environment mismatch fails minimum WCAG standards for regular body text and strains visual accessibility, highlighting why our environment palettes must never be mixed.
WCAG- contrast ratio: 4.11:1
background color #0F0F0F
assets color #996C00
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Light Mode Contrast Integrity
In Light Mode, our vibrant Gold (#996C00) against crisp white (#FFFFFF) is engineered for maximum clarity. This precise 4.67:1 contrast ratio meets strict WCAG accessibility standards, guaranteeing our primary brand assets are always highly legible and distinct.
WCAG- contrast ratio: 4.67:1
background color #996C00
assets color #ffffff
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Light Mode Contrast Integrity
Our signature Gold (#996C00) on pristine white (#FFFFFF) delivers a precise 4.67:1 contrast ratio. Meeting essential WCAG standards, this deliberate pairing ensures the ALI Agents brand remains distinct, legible, and fully accessible to all users.
WCAG- contrast ratio: 4.67:1
background color #996C00
assets color #ffffff
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Light Mode Contrast Integrity
Our primary dark gray (#2E2E2E) against pristine white (#FFFFFF) delivers an exceptional contrast ratio of 13.58:1. Easily exceeding WCAG accessibility standards, this deliberate pairing ensures a sophisticated, highly legible, and fully inclusive design across all interfaces.
WCAG- contrast ratio: 13.58:1
background color #FFFFFF
assets color #2E2E2E
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Dark Mode Contrast Integrity
Our Dark Mode Gold (#D9A600) paired with a deep black background (#0F0F0F) delivers a strong contrast ratio of 8.58:1. Built on precise design engineering, this combination easily exceeds WCAG standards to guarantee optimal legibility across all dark mode interfaces.
WCAG- contrast ratio: 13.58:1
background color #0F0F0F
assets color #D9A600
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Dark Mode Contrast Integrity
Primary dark gray (#2E2E2E) on Dark Mode Yellow (#D9A600) creates a 6.08:1 contrast ratio. This conditionally passes WCAG standards for large, bold graphics and text.
WCAG- contrast ratio: 6.08:1
background color #2E2E2E
assets color #D9A600
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Dark Mode Contrast Integrity
Layering our Dark Mode Gold (#D9A600) over dark gray backgrounds (#2E2E2E) achieves a 6.08:1 contrast ratio. This pairing successfully creates sophisticated visual depth and passes WCAG standards for structural elements, bold icons, and large headings.
WCAG- contrast ratio: 6.08:1
background color #2E2E2E
assets color #D9A600
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Common Pitfalls
Placing white text (#FFFFFF) against our Dark Mode Yellow (#D9A600) creates a failing contrast ratio of 2.23:1. This pairing must be strictly avoided across all interfaces, as it falls well below WCAG standards and severely compromises legibility for all users.
WCAG- contrast ratio: 6.08:1
background color #D9A600
assets color #FFFFFF
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Cross-Mode Violations
Placing our Light Mode Gold (#996C00) on a Dark Gray background (#0F0F0F) creates a contrast conflict yielding a ratio of 4.11:1. This environment mismatch fails minimum WCAG standards for regular body text and strains visual accessibility, highlighting why our environment palettes must never be mixed.
WCAG- contrast ratio: 4.11:1
background color #0F0F0F
assets color #996C00
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Light Mode Contrast Integrity
In Light Mode, our vibrant Gold (#996C00) against crisp white (#FFFFFF) is engineered for maximum clarity. This precise 4.67:1 contrast ratio meets strict WCAG accessibility standards, guaranteeing our primary brand assets are always highly legible and distinct.
WCAG- contrast ratio: 4.67:1
background color #996C00
assets color #ffffff
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Light Mode Contrast Integrity
Our signature Gold (#996C00) on pristine white (#FFFFFF) delivers a precise 4.67:1 contrast ratio. Meeting essential WCAG standards, this deliberate pairing ensures the ALI Agents brand remains distinct, legible, and fully accessible to all users.
WCAG- contrast ratio: 4.67:1
background color #996C00
assets color #ffffff
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Light Mode Contrast Integrity
Our primary dark gray (#2E2E2E) against pristine white (#FFFFFF) delivers an exceptional contrast ratio of 13.58:1. Easily exceeding WCAG accessibility standards, this deliberate pairing ensures a sophisticated, highly legible, and fully inclusive design across all interfaces.
WCAG- contrast ratio: 13.58:1
background color #FFFFFF
assets color #2E2E2E
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Dark Mode Contrast Integrity
Our Dark Mode Gold (#D9A600) paired with a deep black background (#0F0F0F) delivers a strong contrast ratio of 8.58:1. Built on precise design engineering, this combination easily exceeds WCAG standards to guarantee optimal legibility across all dark mode interfaces.
WCAG- contrast ratio: 13.58:1
background color #0F0F0F
assets color #D9A600
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Dark Mode Contrast Integrity
Primary dark gray (#2E2E2E) on Dark Mode Yellow (#D9A600) creates a 6.08:1 contrast ratio. This conditionally passes WCAG standards for large, bold graphics and text.
WCAG- contrast ratio: 6.08:1
background color #2E2E2E
assets color #D9A600
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Dark Mode Contrast Integrity
Layering our Dark Mode Gold (#D9A600) over dark gray backgrounds (#2E2E2E) achieves a 6.08:1 contrast ratio. This pairing successfully creates sophisticated visual depth and passes WCAG standards for structural elements, bold icons, and large headings.
WCAG- contrast ratio: 6.08:1
background color #2E2E2E
assets color #D9A600
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Common Pitfalls
Placing white text (#FFFFFF) against our Dark Mode Yellow (#D9A600) creates a failing contrast ratio of 2.23:1. This pairing must be strictly avoided across all interfaces, as it falls well below WCAG standards and severely compromises legibility for all users.
WCAG- contrast ratio: 6.08:1
background color #D9A600
assets color #FFFFFF
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Cross-Mode Violations
Placing our Light Mode Gold (#996C00) on a Dark Gray background (#0F0F0F) creates a contrast conflict yielding a ratio of 4.11:1. This environment mismatch fails minimum WCAG standards for regular body text and strains visual accessibility, highlighting why our environment palettes must never be mixed.
WCAG- contrast ratio: 4.11:1
background color #0F0F0F
assets color #996C00
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Light Mode Contrast Integrity
In Light Mode, our vibrant Gold (#996C00) against crisp white (#FFFFFF) is engineered for maximum clarity. This precise 4.67:1 contrast ratio meets strict WCAG accessibility standards, guaranteeing our primary brand assets are always highly legible and distinct.
WCAG- contrast ratio: 4.67:1
background color #996C00
assets color #ffffff
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Light Mode Contrast Integrity
Our signature Gold (#996C00) on pristine white (#FFFFFF) delivers a precise 4.67:1 contrast ratio. Meeting essential WCAG standards, this deliberate pairing ensures the ALI Agents brand remains distinct, legible, and fully accessible to all users.
WCAG- contrast ratio: 4.67:1
background color #996C00
assets color #ffffff
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Light Mode Contrast Integrity
Our primary dark gray (#2E2E2E) against pristine white (#FFFFFF) delivers an exceptional contrast ratio of 13.58:1. Easily exceeding WCAG accessibility standards, this deliberate pairing ensures a sophisticated, highly legible, and fully inclusive design across all interfaces.
WCAG- contrast ratio: 13.58:1
background color #FFFFFF
assets color #2E2E2E
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Dark Mode Contrast Integrity
Our Dark Mode Gold (#D9A600) paired with a deep black background (#0F0F0F) delivers a strong contrast ratio of 8.58:1. Built on precise design engineering, this combination easily exceeds WCAG standards to guarantee optimal legibility across all dark mode interfaces.
WCAG- contrast ratio: 13.58:1
background color #0F0F0F
assets color #D9A600
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Dark Mode Contrast Integrity
Primary dark gray (#2E2E2E) on Dark Mode Yellow (#D9A600) creates a 6.08:1 contrast ratio. This conditionally passes WCAG standards for large, bold graphics and text.
WCAG- contrast ratio: 6.08:1
background color #2E2E2E
assets color #D9A600
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Dark Mode Contrast Integrity
Layering our Dark Mode Gold (#D9A600) over dark gray backgrounds (#2E2E2E) achieves a 6.08:1 contrast ratio. This pairing successfully creates sophisticated visual depth and passes WCAG standards for structural elements, bold icons, and large headings.
WCAG- contrast ratio: 6.08:1
background color #2E2E2E
assets color #D9A600
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Common Pitfalls
Placing white text (#FFFFFF) against our Dark Mode Yellow (#D9A600) creates a failing contrast ratio of 2.23:1. This pairing must be strictly avoided across all interfaces, as it falls well below WCAG standards and severely compromises legibility for all users.
WCAG- contrast ratio: 6.08:1
background color #D9A600
assets color #FFFFFF
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Cross-Mode Violations
Placing our Light Mode Gold (#996C00) on a Dark Gray background (#0F0F0F) creates a contrast conflict yielding a ratio of 4.11:1. This environment mismatch fails minimum WCAG standards for regular body text and strains visual accessibility, highlighting why our environment palettes must never be mixed.
WCAG- contrast ratio: 4.11:1
background color #0F0F0F
assets color #996C00
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics

WCAG Contrast Standards
Light Mode Contrast Integrity
In Light Mode, our vibrant Gold (#996C00) against crisp white (#FFFFFF) is engineered for maximum clarity. This precise 4.67:1 contrast ratio meets strict WCAG accessibility standards, guaranteeing our primary brand assets are always highly legible and distinct.
WCAG- contrast ratio: 4.67:1
background color #996C00
assets color #ffffff
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Light Mode Contrast Integrity
Our signature Gold (#996C00) on pristine white (#FFFFFF) delivers a precise 4.67:1 contrast ratio. Meeting essential WCAG standards, this deliberate pairing ensures the ALI Agents brand remains distinct, legible, and fully accessible to all users.
WCAG- contrast ratio: 4.67:1
background color #996C00
assets color #ffffff
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Light Mode Contrast Integrity
Our primary dark gray (#2E2E2E) against pristine white (#FFFFFF) delivers an exceptional contrast ratio of 13.58:1. Easily exceeding WCAG accessibility standards, this deliberate pairing ensures a sophisticated, highly legible, and fully inclusive design across all interfaces.
WCAG- contrast ratio: 13.58:1
background color #FFFFFF
assets color #2E2E2E
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Dark Mode Contrast Integrity
Our Dark Mode Gold (#D9A600) paired with a deep black background (#0F0F0F) delivers a strong contrast ratio of 8.58:1. Built on precise design engineering, this combination easily exceeds WCAG standards to guarantee optimal legibility across all dark mode interfaces.
WCAG- contrast ratio: 13.58:1
background color #0F0F0F
assets color #D9A600
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Dark Mode Contrast Integrity
Primary dark gray (#2E2E2E) on Dark Mode Yellow (#D9A600) creates a 6.08:1 contrast ratio. This conditionally passes WCAG standards for large, bold graphics and text.
WCAG- contrast ratio: 6.08:1
background color #2E2E2E
assets color #D9A600
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Dark Mode Contrast Integrity
Layering our Dark Mode Gold (#D9A600) over dark gray backgrounds (#2E2E2E) achieves a 6.08:1 contrast ratio. This pairing successfully creates sophisticated visual depth and passes WCAG standards for structural elements, bold icons, and large headings.
WCAG- contrast ratio: 6.08:1
background color #2E2E2E
assets color #D9A600
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Common Pitfalls
Placing white text (#FFFFFF) against our Dark Mode Yellow (#D9A600) creates a failing contrast ratio of 2.23:1. This pairing must be strictly avoided across all interfaces, as it falls well below WCAG standards and severely compromises legibility for all users.
WCAG- contrast ratio: 6.08:1
background color #D9A600
assets color #FFFFFF
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Cross-Mode Violations
Placing our Light Mode Gold (#996C00) on a Dark Gray background (#0F0F0F) creates a contrast conflict yielding a ratio of 4.11:1. This environment mismatch fails minimum WCAG standards for regular body text and strains visual accessibility, highlighting why our environment palettes must never be mixed.
WCAG- contrast ratio: 4.11:1
background color #0F0F0F
assets color #996C00
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Light Mode Contrast Integrity
In Light Mode, our vibrant Gold (#996C00) against crisp white (#FFFFFF) is engineered for maximum clarity. This precise 4.67:1 contrast ratio meets strict WCAG accessibility standards, guaranteeing our primary brand assets are always highly legible and distinct.
WCAG- contrast ratio: 4.67:1
background color #996C00
assets color #ffffff
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Light Mode Contrast Integrity
Our signature Gold (#996C00) on pristine white (#FFFFFF) delivers a precise 4.67:1 contrast ratio. Meeting essential WCAG standards, this deliberate pairing ensures the ALI Agents brand remains distinct, legible, and fully accessible to all users.
WCAG- contrast ratio: 4.67:1
background color #996C00
assets color #ffffff
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Light Mode Contrast Integrity
Our primary dark gray (#2E2E2E) against pristine white (#FFFFFF) delivers an exceptional contrast ratio of 13.58:1. Easily exceeding WCAG accessibility standards, this deliberate pairing ensures a sophisticated, highly legible, and fully inclusive design across all interfaces.
WCAG- contrast ratio: 13.58:1
background color #FFFFFF
assets color #2E2E2E
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Dark Mode Contrast Integrity
Our Dark Mode Gold (#D9A600) paired with a deep black background (#0F0F0F) delivers a strong contrast ratio of 8.58:1. Built on precise design engineering, this combination easily exceeds WCAG standards to guarantee optimal legibility across all dark mode interfaces.
WCAG- contrast ratio: 13.58:1
background color #0F0F0F
assets color #D9A600
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Dark Mode Contrast Integrity
Primary dark gray (#2E2E2E) on Dark Mode Yellow (#D9A600) creates a 6.08:1 contrast ratio. This conditionally passes WCAG standards for large, bold graphics and text.
WCAG- contrast ratio: 6.08:1
background color #2E2E2E
assets color #D9A600
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Dark Mode Contrast Integrity
Layering our Dark Mode Gold (#D9A600) over dark gray backgrounds (#2E2E2E) achieves a 6.08:1 contrast ratio. This pairing successfully creates sophisticated visual depth and passes WCAG standards for structural elements, bold icons, and large headings.
WCAG- contrast ratio: 6.08:1
background color #2E2E2E
assets color #D9A600
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Common Pitfalls
Placing white text (#FFFFFF) against our Dark Mode Yellow (#D9A600) creates a failing contrast ratio of 2.23:1. This pairing must be strictly avoided across all interfaces, as it falls well below WCAG standards and severely compromises legibility for all users.
WCAG- contrast ratio: 6.08:1
background color #D9A600
assets color #FFFFFF
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Cross-Mode Violations
Placing our Light Mode Gold (#996C00) on a Dark Gray background (#0F0F0F) creates a contrast conflict yielding a ratio of 4.11:1. This environment mismatch fails minimum WCAG standards for regular body text and strains visual accessibility, highlighting why our environment palettes must never be mixed.
WCAG- contrast ratio: 4.11:1
background color #0F0F0F
assets color #996C00
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Light Mode Contrast Integrity
In Light Mode, our vibrant Gold (#996C00) against crisp white (#FFFFFF) is engineered for maximum clarity. This precise 4.67:1 contrast ratio meets strict WCAG accessibility standards, guaranteeing our primary brand assets are always highly legible and distinct.
WCAG- contrast ratio: 4.67:1
background color #996C00
assets color #ffffff
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Light Mode Contrast Integrity
Our signature Gold (#996C00) on pristine white (#FFFFFF) delivers a precise 4.67:1 contrast ratio. Meeting essential WCAG standards, this deliberate pairing ensures the ALI Agents brand remains distinct, legible, and fully accessible to all users.
WCAG- contrast ratio: 4.67:1
background color #996C00
assets color #ffffff
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Light Mode Contrast Integrity
Our primary dark gray (#2E2E2E) against pristine white (#FFFFFF) delivers an exceptional contrast ratio of 13.58:1. Easily exceeding WCAG accessibility standards, this deliberate pairing ensures a sophisticated, highly legible, and fully inclusive design across all interfaces.
WCAG- contrast ratio: 13.58:1
background color #FFFFFF
assets color #2E2E2E
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Dark Mode Contrast Integrity
Our Dark Mode Gold (#D9A600) paired with a deep black background (#0F0F0F) delivers a strong contrast ratio of 8.58:1. Built on precise design engineering, this combination easily exceeds WCAG standards to guarantee optimal legibility across all dark mode interfaces.
WCAG- contrast ratio: 13.58:1
background color #0F0F0F
assets color #D9A600
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Dark Mode Contrast Integrity
Primary dark gray (#2E2E2E) on Dark Mode Yellow (#D9A600) creates a 6.08:1 contrast ratio. This conditionally passes WCAG standards for large, bold graphics and text.
WCAG- contrast ratio: 6.08:1
background color #2E2E2E
assets color #D9A600
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Dark Mode Contrast Integrity
Layering our Dark Mode Gold (#D9A600) over dark gray backgrounds (#2E2E2E) achieves a 6.08:1 contrast ratio. This pairing successfully creates sophisticated visual depth and passes WCAG standards for structural elements, bold icons, and large headings.
WCAG- contrast ratio: 6.08:1
background color #2E2E2E
assets color #D9A600
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Common Pitfalls
Placing white text (#FFFFFF) against our Dark Mode Yellow (#D9A600) creates a failing contrast ratio of 2.23:1. This pairing must be strictly avoided across all interfaces, as it falls well below WCAG standards and severely compromises legibility for all users.
WCAG- contrast ratio: 6.08:1
background color #D9A600
assets color #FFFFFF
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Cross-Mode Violations
Placing our Light Mode Gold (#996C00) on a Dark Gray background (#0F0F0F) creates a contrast conflict yielding a ratio of 4.11:1. This environment mismatch fails minimum WCAG standards for regular body text and strains visual accessibility, highlighting why our environment palettes must never be mixed.
WCAG- contrast ratio: 4.11:1
background color #0F0F0F
assets color #996C00
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Light Mode Contrast Integrity
In Light Mode, our vibrant Gold (#996C00) against crisp white (#FFFFFF) is engineered for maximum clarity. This precise 4.67:1 contrast ratio meets strict WCAG accessibility standards, guaranteeing our primary brand assets are always highly legible and distinct.
WCAG- contrast ratio: 4.67:1
background color #996C00
assets color #ffffff
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Light Mode Contrast Integrity
Our signature Gold (#996C00) on pristine white (#FFFFFF) delivers a precise 4.67:1 contrast ratio. Meeting essential WCAG standards, this deliberate pairing ensures the ALI Agents brand remains distinct, legible, and fully accessible to all users.
WCAG- contrast ratio: 4.67:1
background color #996C00
assets color #ffffff
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Light Mode Contrast Integrity
Our primary dark gray (#2E2E2E) against pristine white (#FFFFFF) delivers an exceptional contrast ratio of 13.58:1. Easily exceeding WCAG accessibility standards, this deliberate pairing ensures a sophisticated, highly legible, and fully inclusive design across all interfaces.
WCAG- contrast ratio: 13.58:1
background color #FFFFFF
assets color #2E2E2E
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Dark Mode Contrast Integrity
Our Dark Mode Gold (#D9A600) paired with a deep black background (#0F0F0F) delivers a strong contrast ratio of 8.58:1. Built on precise design engineering, this combination easily exceeds WCAG standards to guarantee optimal legibility across all dark mode interfaces.
WCAG- contrast ratio: 13.58:1
background color #0F0F0F
assets color #D9A600
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Dark Mode Contrast Integrity
Primary dark gray (#2E2E2E) on Dark Mode Yellow (#D9A600) creates a 6.08:1 contrast ratio. This conditionally passes WCAG standards for large, bold graphics and text.
WCAG- contrast ratio: 6.08:1
background color #2E2E2E
assets color #D9A600
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Dark Mode Contrast Integrity
Layering our Dark Mode Gold (#D9A600) over dark gray backgrounds (#2E2E2E) achieves a 6.08:1 contrast ratio. This pairing successfully creates sophisticated visual depth and passes WCAG standards for structural elements, bold icons, and large headings.
WCAG- contrast ratio: 6.08:1
background color #2E2E2E
assets color #D9A600
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Common Pitfalls
Placing white text (#FFFFFF) against our Dark Mode Yellow (#D9A600) creates a failing contrast ratio of 2.23:1. This pairing must be strictly avoided across all interfaces, as it falls well below WCAG standards and severely compromises legibility for all users.
WCAG- contrast ratio: 6.08:1
background color #D9A600
assets color #FFFFFF
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics
WCAG Contrast Standards
Cross-Mode Violations
Placing our Light Mode Gold (#996C00) on a Dark Gray background (#0F0F0F) creates a contrast conflict yielding a ratio of 4.11:1. This environment mismatch fails minimum WCAG standards for regular body text and strains visual accessibility, highlighting why our environment palettes must never be mixed.
WCAG- contrast ratio: 4.11:1
background color #0F0F0F
assets color #996C00
regular text
A high color contrast
makes anything easier to read
pass for 17pt & below
large text
A high color contrast
makes anything easier to read
pass for 18pt & above/14pt bold & above
graphics
for icons and actionable graphics

ALI AGENTS: Web3 Visual Identity System

Description

Role &Responsibilities

Technical Info

Tools

The Official Logo System

Environment Adaptability

The Core Identity: 30° Isometric Grid

Structural Integrity

Interconnected Nodes

Infinite Scalability

The Logotype

Spatial Rules & Clear Space

Minimum Size for Print & Digital

Minimum Size for Print & Digital

Minimum Size for Print & Digital

Color Architecture

Branding Primary Colors for Dark Mode

Color Architecture

Secondary Colors: Dark Mode

Color Architecture

Branding Primary Colors for Light Mode

Color Architecture

Secondary Colors for Light Mode

Color Architecture

Gold gradient in Premium Branding

Color Architecture

Branding Primary Colors for Dark Mode

Color Architecture

Secondary Colors: Dark Mode

Color Architecture

Branding Primary Colors for Light Mode

Color Architecture

Secondary Colors for Light Mode

Color Architecture

Gold gradient in Premium Branding

Color Architecture

Branding Primary Colors for Dark Mode

Color Architecture

Secondary Colors: Dark Mode

Color Architecture

Branding Primary Colors for Light Mode

Color Architecture

Secondary Colors for Light Mode

Color Architecture

Gold gradient in Premium Branding

Color Architecture

Branding Primary Colors for Dark Mode

Color Architecture

Secondary Colors: Dark Mode

Color Architecture

Branding Primary Colors for Light Mode

Color Architecture

Secondary Colors for Light Mode

Color Architecture

Gold gradient in Premium Branding

Color Architecture

Branding Primary Colors for Dark Mode

Color Architecture

Secondary Colors: Dark Mode

Color Architecture

Branding Primary Colors for Light Mode

Color Architecture

Secondary Colors for Light Mode

Color Architecture

Gold gradient in Premium Branding

Color Architecture

Branding Primary Colors for Dark Mode

Color Architecture

Secondary Colors: Dark Mode

Color Architecture

Branding Primary Colors for Light Mode

Color Architecture

Secondary Colors for Light Mode

Color Architecture

Gold gradient in Premium Branding

Color Architecture

Branding Primary Colors for Dark Mode

Color Architecture

Secondary Colors: Dark Mode

Role &
Responsibilities