W3C Design Tokens
3 filesCross-tool design-token spec (DTCG/W3C). Light + dark mode siblings.
NVIDIA
NVIDIA Corporation is the silicon company whose GPUs became the substrate of modern AI — CUDA on the data-center side, GeForce on the consumer side, and Omniverse / DRIVE / Jetson across robotics, automotive, and edge. The corporate identity is austere by design: the "eye" logomark and NVIDIA wordmark sit in pure monochrome, with a single chromatic exception — the signature NVIDIA Green (#76B900) — used as the brand's identity accent. Voice is technical, performance-led, and confident; visual treatment is black-and-green-on-white for marketing, with a black canvas variant for developer surfaces.
1 palette 3 fonts 0 assets 8 rules
Preview prompt
Use the [email protected] brand from brand-atoms.com.
Fetch https://brand-atoms.com/dist/brands/nvidia/1.0.0/json/brand.json
and apply its role mappings (primary, accent, identity, etc.),
reference the fonts in references.fonts, and honor every rule where
severity is "error". Surface any deviation you choose to make.Downloads
All converter outputs for [email protected]. Served from
/dist/brands/nvidia/1.0.0/.
JSON
1 filePlain JSON mirror of the resolved brand — palette, fonts, roles, rules.
CSS variables
1 fileCSS custom properties on :root with prefers-color-scheme dark.
SCSS
1 fileSCSS variables + Sass maps for swatches, roles, and fonts.
Tailwind config
1 fileTailwind v3 theme.extend.colors + fontFamily.
Figma Tokens
1 fileFigma Tokens plugin JSON (Tokens Studio compatible).
Swift
1 fileSwift enums for SwiftUI / UIKit color + font tokens.
Kotlin / Compose
1 fileKotlin objects for Jetpack Compose color + typography tokens.
Markdown guide
1 fileHuman-readable brand guide. Same source as the on-page Brand Guide.
Brand Guide
Inline rendering of the Markdown brand guide. Same source as the
markdown/brand-guide.md download.
NVIDIA
NVIDIA Corporation is the silicon company whose GPUs became the substrate of modern AI — CUDA on the data-center side, GeForce on the consumer side, and Omniverse / DRIVE / Jetson across robotics, automotive, and edge. The corporate identity is austere by design: the "eye" logomark and NVIDIA wordmark sit in pure monochrome, with a single chromatic exception — the signature NVIDIA Green (#76B900) — used as the brand's identity accent. Voice is technical, performance-led, and confident; visual treatment is black-and-green-on-white for marketing, with a black canvas variant for developer surfaces.
Tags: nvidia, hardware, gpu, ai, silicon, cuda, green, monochrome
Atoms
Palette
NVIDIA · [email protected] · Proprietary — All Rights Reserved
NVIDIA's corporate palette is anchored on the signature NVIDIA Green (#76B900) — the chartreuse accent that has identified the wordmark and "eye" logomark since the 2006 brand refresh and survives the more recent identity work as the single colored hue allowed on the primary mark. The supporting palette on nvidia.com is otherwise monochrome: pure black for text and the wordmark, a near-white page canvas (#F7F7F7), and a small neutral ramp for surfaces and rules. A slightly cooler green (#74B71B) appears in CSS as the on-dark pairing for legibility.
Fonts
| Role | Font | License | Classification |
|---|---|---|---|
heading |
Inter ([email protected]) |
OFL-1.1 | sans-serif |
body |
Inter ([email protected]) |
OFL-1.1 | sans-serif |
mono |
JetBrainsMono Nerd Font ([email protected]) |
OFL-1.1 | monospace |
Swatches
| ID | Name | Value |
|---|---|---|
nvidia-green |
NVIDIA Green | #76B900 |
nvidia-green-dark |
NVIDIA Green (Dark) | #74B71B |
black |
Black | #000000 |
white |
White | #FFFFFF |
gray-50 |
Gray 50 | #F7F7F7 |
gray-100 |
Gray 100 | #EEEEEE |
gray-300 |
Gray 300 | #A7A7A7 |
gray-600 |
Gray 600 | #666666 |
gray-700 |
Gray 700 | #5E5E5E |
Mode role mappings
Light mode
| Role | Swatch | Hex |
|---|---|---|
background |
white |
#FFFFFF |
surface |
gray-50 |
#F7F7F7 |
surface-elevated |
white |
#FFFFFF |
text-primary |
black |
#000000 |
text-secondary |
gray-700 |
#5E5E5E |
text-tertiary |
gray-600 |
#666666 |
primary |
nvidia-green |
#76B900 |
primary-hover |
nvidia-green-dark |
#74B71B |
accent |
nvidia-green |
#76B900 |
accent-hover |
nvidia-green-dark |
#74B71B |
border |
gray-100 |
#EEEEEE |
mark |
black |
#000000 |
Dark mode
| Role | Swatch | Hex |
|---|---|---|
background |
black |
#000000 |
surface |
gray-700 |
#5E5E5E |
surface-elevated |
gray-600 |
#666666 |
text-primary |
white |
#FFFFFF |
text-secondary |
gray-300 |
#A7A7A7 |
text-tertiary |
gray-300 |
#A7A7A7 |
primary |
nvidia-green |
#76B900 |
primary-hover |
nvidia-green-dark |
#74B71B |
accent |
nvidia-green |
#76B900 |
accent-hover |
nvidia-green-dark |
#74B71B |
border |
gray-700 |
#5E5E5E |
mark |
white |
#FFFFFF |
Brand semantic roles
Colors
| Role | Swatch | Hex |
|---|---|---|
identity |
white |
#FFFFFF |
on-identity |
black |
#000000 |
primary |
nvidia-green |
#76B900 |
primary-hover |
nvidia-green-dark |
#74B71B |
accent |
nvidia-green |
#76B900 |
mark |
black |
#000000 |
background-light |
white |
#FFFFFF |
background-dark |
black |
#000000 |
surface-light |
gray-50 |
#F7F7F7 |
surface-dark |
gray-700 |
#5E5E5E |
text-primary-light |
black |
#000000 |
text-primary-dark |
white |
#FFFFFF |
text-secondary-light |
gray-700 |
#5E5E5E |
text-tertiary-light |
gray-600 |
#666666 |
border-light |
gray-100 |
#EEEEEE |
Typography
| Role | Font role key |
|---|---|
display |
heading |
prose |
body |
code |
mono |
Rules
🛑 error (6)
colorChoice → roles.colors.mark
- allowed: black, white
- forbidden: nvidia-green, nvidia-green-dark, gray-300, gray-600, gray-700
The Logo and Brand Usage page directs users to "use the full, two-color logo wherever possible," with one-color (black on light or white on dark) as the permitted alternative. The NVIDIA wordmark and "eye" logomark are not green — the signature green is the brand's accent color, not the mark fill. Filling the mark with NVIDIA Green is a forbidden recoloring.
forbiddenTreatment → logo
- treatments: stretched, rotated, recolored, drop-shadow, gradient-fill, on-busy-photo, outlined, distorted
The published guidance prohibits distorting, modifying, or stylizing the logo, applying effects, or placing the mark on busy backgrounds. The mark must appear in its approved proportions and approved color treatments only.
contrastRatio → logo
- against:
background - minRatio:
10
The Logo and Brand Usage page explicitly calls for "a minimum contrast ratio of 1:10 against the background" — stricter than the WCAG floor and applied specifically to the corporate mark to preserve legibility.
contrastRatio → text-primary
- against:
background - minRatio:
4.5 - standard:
WCAG-AA
Black (#000000) on the white (#FFFFFF) canvas gives ~21:1 and clears WCAG AA at the body-text floor of 4.5:1. The monochrome brand posture leaves no headroom for lower- contrast text on the canvas surface.
colorChoice → roles.colors.primary
- allowed: nvidia-green, nvidia-green-dark
- forbidden: black, white, gray-300, gray-600
NVIDIA Green (#76B900) is the brand's single chromatic accent and the only color permitted in the primary role. Neutrals are reserved for chrome and text. The darker green variant (#74B71B) is the on-dark legibility pairing declared in the live stylesheet.
accessibilityRequirement → *
- standard:
WCAG-AA - criterion:
1.4.3
WCAG 2.1 Success Criterion 1.4.3 (Contrast Minimum) — Level AA. The monochrome-with-green palette pairs naturally with AA: black on white and white on black both clear AAA, and the green accent is reserved for non-body roles where the AA-large 3:1 floor applies.
⚠️ warning (1)
contextRestriction → roles.colors.primary
- forbiddenContexts: body-text, long-form-reading
NVIDIA Green is the brand accent — used on the wordmark, on calls-to-action, and as a highlight. It is not a body- text color; running paragraphs of NVIDIA Green type would fall below the AA contrast floor on the white canvas (#76B900 on #FFFFFF measures ~3.0:1, below the 4.5:1 body-text minimum).
💡 recommendation (1)
fontPairing → typography.display
- requires:
prose - minSizeRatio:
1.3
NVIDIA's marketing surfaces use NVIDIA Sans (proprietary) for both display and body, distinguished by size and weight rather than two distinct families. Maintain at least a 1.3× ratio between display and prose to preserve hierarchy when one family carries both roles.
Provenance
- Source: https://www.nvidia.com/en-us/about-nvidia/legal-info/logo-brand-usage/
- License:
Proprietary — All Rights Reserved - Attribution: NVIDIA Corporation — identity guidance captured from the public Logo and Brand Usage page at nvidia.com/en-us/about-nvidia/legal-info/logo-brand-usage/ and palette values cross-referenced against the deployed stylesheet on nvidia.com. NVIDIA, the NVIDIA logo, the "eye" logomark, GeForce, CUDA, Omniverse, DRIVE, and Jetson are trademarks of NVIDIA Corporation.
- Imported:
2026-05-18 - Notes: The proprietary brand typeface (NVIDIA Sans) is not publicly distributed. This atom references Inter@1 as the open-source rendering substitute and notes the proprietary primary here. Scope is parent corporate identity only — GeForce, CUDA, Omniverse, and other sub-brands are deferred to their own atoms. assets: [] per the encyclopedia's trademark- redistribution policy.
Generated by the brand-atoms converter. Source: [email protected] from the encyclopedia.
Components — same template, themed by NVIDIA
Every block below renders from the resolved palette + font references on this brand. Swap the brand and the same template re-themes — no per-brand component code required.
NVIDIA
A clear hierarchy in NVIDIA's typeface
Tertiary heading — supporting structure
Body copy renders in the brand's prose font on the brand's background.
Inline links and highlighted phrases pick up
the brand's primary and highlight roles. Code spans like brand.references.palette
fall back to the monospace face.
A blockquote uses the brand's accent color as its rule. Useful for pulling tagline copy out of running prose.
Bulleted list
- Bullet markers inherit the brand's primary color.
- Item spacing reads as a deliberate vertical rhythm.
- Nested items still resolve to the same primary.
- Second-level item using the accent.
- Third bullet wraps cleanly at narrow widths.
Numbered list
- Open the brand's resolved spec.
- Apply roles to the component template.
- Render the surface in the brand's identity.
- Audit the output against the typed rules.
Callout boxes
Info
Neutral status — provides supplemental context without urgency. Uses the brand's primary as the rule.
Success
Confirms a completed action — palette role success determines the rule color.
Warning
Calls out something that needs attention but isn't an error — palette role warning.
Error
Surfaces a failure that blocks progress — palette role error. Use sparingly.
Table
| Role | Resolves to | Mode |
|---|---|---|
| primary | brand color #1 | light + dark |
| accent | brand color #2 | light + dark |
| warning | brand warning | light + dark |
| error | brand error | light + dark |
Atoms
Brand semantic roles
Brand-level role overrides on top of palette-default mappings. Each role resolves to a concrete swatch or font reference.
Colors
accent
→ nvidia-green #76B900 background-dark
→ black #000000 background-light
→ white #FFFFFF border-light
→ gray-100 #EEEEEE identity
→ white #FFFFFF mark
→ black #000000 on-identity
→ black #000000 primary
→ nvidia-green #76B900 primary-hover
→ nvidia-green-dark #74B71B surface-dark
→ gray-700 #5E5E5E surface-light
→ gray-50 #F7F7F7 text-primary-dark
→ white #FFFFFF text-primary-light
→ black #000000 text-secondary-light
→ gray-700 #5E5E5E text-tertiary-light
→ gray-600 #666666 Typography
code
→ mono JetBrainsMono Nerd Font display
→ heading Inter prose
→ body Inter Palette mode mappings (from nvidia)
Light mode (12 roles)
accent
→ nvidia-green accent-hover
→ nvidia-green-dark background
→ white border
→ gray-100 mark
→ black primary
→ nvidia-green primary-hover
→ nvidia-green-dark surface
→ gray-50 surface-elevated
→ white text-primary
→ black text-secondary
→ gray-700 text-tertiary
→ gray-600 Dark mode (12 roles)
accent
→ nvidia-green accent-hover
→ nvidia-green-dark background
→ black border
→ gray-700 mark
→ white primary
→ nvidia-green primary-hover
→ nvidia-green-dark surface
→ gray-700 surface-elevated
→ gray-600 text-primary
→ white text-secondary
→ gray-300 text-tertiary
→ gray-300 Rules (8 typed constraints)
error · 6 rules
colorChoice roles.colors.mark allowed black, white forbidden nvidia-green, nvidia-green-dark, gray-300, gray-600, gray-700 The Logo and Brand Usage page directs users to "use the full, two-color logo wherever possible," with one-color (black on light or white on dark) as the permitted alternative. The NVIDIA wordmark and "eye" logomark are not green — the signature green is the brand's accent color, not the mark fill. Filling the mark with NVIDIA Green is a forbidden recoloring.
forbiddenTreatment logo treatments stretched, rotated, recolored, drop-shadow, gradient-fill, on-busy-photo, outlined, distorted The published guidance prohibits distorting, modifying, or stylizing the logo, applying effects, or placing the mark on busy backgrounds. The mark must appear in its approved proportions and approved color treatments only.
contrastRatio logo against background minRatio 10 The Logo and Brand Usage page explicitly calls for "a minimum contrast ratio of 1:10 against the background" — stricter than the WCAG floor and applied specifically to the corporate mark to preserve legibility.
contrastRatio text-primary against background minRatio 4.5 standard WCAG-AA Black (#000000) on the white (#FFFFFF) canvas gives ~21:1 and clears WCAG AA at the body-text floor of 4.5:1. The monochrome brand posture leaves no headroom for lower- contrast text on the canvas surface.
colorChoice roles.colors.primary allowed nvidia-green, nvidia-green-dark forbidden black, white, gray-300, gray-600 NVIDIA Green (#76B900) is the brand's single chromatic accent and the only color permitted in the primary role. Neutrals are reserved for chrome and text. The darker green variant (#74B71B) is the on-dark legibility pairing declared in the live stylesheet.
accessibilityRequirement * standard WCAG-AA criterion 1.4.3 WCAG 2.1 Success Criterion 1.4.3 (Contrast Minimum) — Level AA. The monochrome-with-green palette pairs naturally with AA: black on white and white on black both clear AAA, and the green accent is reserved for non-body roles where the AA-large 3:1 floor applies.
warning · 1 rule
contextRestriction roles.colors.primary forbiddenContexts body-text, long-form-reading NVIDIA Green is the brand accent — used on the wordmark, on calls-to-action, and as a highlight. It is not a body- text color; running paragraphs of NVIDIA Green type would fall below the AA contrast floor on the white canvas (#76B900 on #FFFFFF measures ~3.0:1, below the 4.5:1 body-text minimum).
recommendation · 1 rule
fontPairing typography.display requires prose minSizeRatio 1.3 NVIDIA's marketing surfaces use NVIDIA Sans (proprietary) for both display and body, distinguished by size and weight rather than two distinct families. Maintain at least a 1.3× ratio between display and prose to preserve hierarchy when one family carries both roles.
Provenance
- Source
- https://www.nvidia.com/en-us/about-nvidia/legal-info/logo-brand-usage/
- License
Proprietary — All Rights Reserved- Attribution
- NVIDIA Corporation — identity guidance captured from the public Logo and Brand Usage page at nvidia.com/en-us/about-nvidia/legal-info/logo-brand-usage/ and palette values cross-referenced against the deployed stylesheet on nvidia.com. NVIDIA, the NVIDIA logo, the "eye" logomark, GeForce, CUDA, Omniverse, DRIVE, and Jetson are trademarks of NVIDIA Corporation.
- Imported
2026-05-18- Notes
- The proprietary brand typeface (NVIDIA Sans) is not publicly distributed. This atom references Inter@1 as the open-source rendering substitute and notes the proprietary primary here. Scope is parent corporate identity only — GeForce, CUDA, Omniverse, and other sub-brands are deferred to their own atoms. assets: [] per the encyclopedia's trademark- redistribution policy.