Brand o typography

[notlee]

Overview

• New heading styles for the internal brand. Discussed this with Olga, David, and Jessica with the context of https://github.com/Financial-Times/o-typography/issues/145
• Brands wrapper, figures, lists, etc correctly for the internal/whitelabel brand.
• Deprecates product headings and product wrapper for the internal brand, as these are no longer needed with branding work but are in common use. Note: In the next breaking we are likely to move article headings into a new component and can then make the product headings the default for the master brand, inline with the internal brand.
• Removes article specific classes for the internal brand (technically potentially visually breaking, as article classes are not output, but I think this is ok).
• Deprecates colour usecases.
• Adds a new scale to the whitelabel brand and use Arial over Metric.
• Adds primary mixin with $opts argument.
• Updates README
• Updates demos.

Internal Brand

Headings

Headings 1-6 e.g. o-typography-heading-level-1 are suitable for use in the internal brand now.

The Product Headings e.g. .o-typography-product-heading-level-1 are still available for the internal brand but deprecated, and should be replaced with standard headings.

Wrapper, Lists, Blockquote, Figures, ETC

Other typography styles have been made suitable for the internal brand.

Master Brand

Master brand heading, in the article style, remain unchanged.

Existing Product Headings are not yet deprecated for the master brand.

Wrapper styles are also unchanged for the master brand.

Whitelabel Brand

The whitelabel brand experiments with a different scale and Arial instead of Metric.

[gvonkoss]

ha ☝️