Prevent showing branding on front containers without branding type label#15604
Prevent showing branding on front containers without branding type label#15604
Conversation
Jakeii
left a comment
There was a problem hiding this comment.
Makes sense this is what's done for the sponsored type below, so am I right in saying that the only situation a logo should appear without labs styling is for theguardian.org/foundation branding?
We do need to document what happens at the moment a little better, but here's some screenshots to demonstrate the case at the moment: Paid contentGuardian Labs
Where Guardian Labs styling is applied to the whole front, the front containers do not take Labs styling as this is applied at the page level. In this case, the branding is applied to a standard front container Paid content but NOT Guardian LabsWe do not have paid content without labs branding unless it is classed as an advertising partner or exclusive deal. I can't find any examples of this in the wild but here's a storybook link to demonstrate the styling https://main--63e251470cfbe61776b0ef19.chromatic.com/iframe.html?id=components-frontsection--with-sponsored-branding-advertising-partner&viewMode=story&globals=viewport.value%3AdoesNotExist The following screenshots are from the PR description and only apply when there is branding associated with the container but it has not been classified as a labs container or full page branding
Sponsored contentI can't find any real world examples of this, so this is from Storybook
Guardian Foundation
|








What does this change?
Omits the brand logo from containers which contain branded content from the same brand but do not have the Labs styling applied (ie. do not have the
Brandedtag)Why?
We don't want to display branding without any other visual information to explain why the branding is there. This is usually indicated by the branding label e.g "Paid for by"
This scenario usually doesn't happen in practice because branded containers usually have the
Brandedlabel applied to them which results in Labs brandingScreenshots
The following screenshots are of a container where all cards represent paid content from the same brand. Usually the
Brandedtag would be applied in the fronts tool to convert it into a Labs-styled container, but in case this is omitted, this is what the result would look like: