{
"element": "nve-logo",
"entrypoint": "@nvidia-elements/core/logo/logo.examples.json",
"items": [
{
"id": "logo",
"name": "Default",
"template": "NV\n",
"summary": "Default NVIDIA logo with aria-label for accessibility. Use for brand identification in headers, footers, and loading states.",
"description": "",
"composition": false,
"tags": []
},
{
"id": "logo-size",
"name": "Size",
"template": "\n Gm\n Gm\n Gm\n
\n",
"summary": "Logo size variants (sm, md, lg) for different contexts. Use smaller sizes for dense layouts like toolbars, larger sizes for prominent brand placement.",
"description": "",
"composition": false,
"tags": [
"test-case"
]
},
{
"id": "logo-slotted-icons",
"name": "SlottedIcons",
"template": "\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n",
"summary": "Custom icons slotted into the logo container. Ideal for product icons, team badges, or custom brand marks within the standard logo shape.",
"description": "",
"composition": false,
"tags": [
"test-case"
]
},
{
"id": "logo-color",
"name": "Color",
"template": "\n NV\n Rc\n Gs\n Gd\n Bi\n Bc\n Bs\n Tc\n Gm\n Ts\n Gg\n Ya\n Op\n Rt\n Pm\n Pp\n Pv\n Pl\n Pr\n Gj\n Lp\n Yn\n Bg\n
\n",
"summary": "All available logo color options. Use colors to differentiate products, teams, or categories within NVIDIA applications.",
"description": "",
"composition": false,
"tags": []
},
{
"id": "logo-light-theme",
"name": "LightTheme",
"template": "\n NV\n Rc\n Gs\n Gd\n Bi\n Bc\n Bs\n Tc\n Gm\n Ts\n Gg\n Ya\n Op\n Rt\n Pm\n Pp\n Pv\n Pl\n Pr\n Gj\n Lp\n Yn\n Bg\n\n",
"summary": "Logo colors optimized for light theme backgrounds. Ensures proper contrast and visibility when used in light mode interfaces.",
"description": "",
"composition": false,
"tags": [
"test-case"
]
},
{
"id": "logo-dark-theme",
"name": "DarkTheme",
"template": "\n NV\n Rc\n Gs\n Gd\n Bi\n Bc\n Bs\n Tc\n Gm\n Ts\n Gg\n Ya\n Op\n Rt\n Pm\n Pp\n Pv\n Pl\n Pr\n Gj\n Lp\n Yn\n Bg\n
\n",
"summary": "Logo colors optimized for dark theme backgrounds. Ensures proper contrast and visibility when used in dark mode interfaces.",
"description": "",
"composition": false,
"tags": [
"test-case"
]
}
]
}