FR: Apply redesign typography on magazine article

Context/Description

As a content author, I would like to add 3 new text blocks for article headlines, body paragraphs, and section titles in a way that is more visually appealing to the readers on our website magazine articles.

Acceptance Criteria

User AC:

The article headline shall be displayed using heading 3.5 for desktop and tablet devices, and heading 5 on mobile devices.
The paragraph body text shall be displayed as body regular 2 on desktop and tablet devices, and body regular for mobile devices.
The section title shall be displayed as heading 4 on desktop and tablet devices, and heading 5.5 on mobile devices.

Editor AC:

The editor can use these new text blocks on any page.

Non-functional AC:

The article headline shall be displayed under the hero with 80 px of padding above, and 48 px of padding beneath.
The paragraph body text shall have 24 px of padding below and beneath as a default between images and other body paragraph text lines. The padding shall increase to 48 px between an article headline or section title text component.
The section title shall have 24 px of padding below and beneath as a default, with an extra padding block of 48 px above to show a clear break between paragraph body text.
These text blocks can be compatible with using a white, grey, or black background.

Attachment / link to Figma

Article headline

Paragraph body text

Section title

hlxsites / vg-volvotrucks-us

FR: Apply redesign typography on magazine article #633

Context/Description

Acceptance Criteria

Attachment / link to Figma