Brand

Use brand to display brand logos in your project.

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.

xs

sm

md

lg

xl

xxl

xs

sm

md

lg

xl

xxl

Web Component

Accessibility

Accessibility guidelines coming soon