Eyebrow

Introduce a topic or show how an item is categorized

Live demo

Hiking & backpacking
Style
Scale
Generic classes

Purpose

Eyebrows introduce a topic or show how an item is categorized. Examples include content tags or certain label styles.

Best practices

Do
Eyebrow text correctly used to indicate the content's category

Do use eyebrows for categories or groupings.

Don't
Eyebrow text incorrectly used to display a brand name.

Don't use eyebrows for brand names.

Do
Three sets of data correctly categorized with eyebrow text

Do use eyebrows to categorize data.

Don't
Eyebrow text incorrectly used as a heading above content

Don't use eyebrows as headings.