This pattern expresses a headline group -- a headline that is composed of a headline and either a superhead, subhead, or possibly both. It can be either semantic (using H# tags) or non-semantic (with a div tag). Either way, the super/subheads are contained within the header tag so they maintain a semantic relationship with the header text. (As opposed to using smaller-level H# tags to represent super/subheads).

Headline groups wrapped in a semantic H# element should inherit text styles from the base H# tag for the headline text.

Variables:

superhead : Text that goes above the headline. Default: none, but pass "true" to get fake('bs') text generated for you.
subhead : Text that goes below the headline. Default: none, but pass "true" to get fake('bs') text generated for you.
headline : The headline text. Default: fake(bs)
semantic : Whether or not to use an h# tag as the containing element. Default: true
level : If semantic, what level headline to use. Default: 2
linked : Whether or not the headline is linked. Default: false
style_modifier : Pass additional class names here. Create a matching json file to expose this variant.

Innovate B2 C Channels Iterate Cutting Edge Metrics Embrace Killer E Markets