Brand
Examples
The Brand component is primarily used in application headers to showcase
Lumen brands and function as a home navigation link. Examples below have been
placed in a chi-link to facilitate this use case, but note,
placing in a chi-link tag is not required.
Base #
The base logo is used on white or light-colored backgrounds that provide sufficient contrast.
Inverse #
The inverse logo is used on black or dark-colored backgrounds that provide sufficient contrast.
White #
The white logo is used on blue or other dark-colored backgrounds that provide sufficient contrast.
Black #
The black logo is used on light blue or other light-colored backgrounds that provide sufficient contrast.
Sizes #
Brand supports the following sizes: xs, sm,
md, lg, xl, xxl.
The default size is md.
Web Component
Accessibility
Accessibility guidelines coming soon