Banners
Banners are documented in sketch as organisms but implemented as molecules in our codebase. Since the implementation is rather simple, we might need to mark them as molecules in design as well.
Sketch name:
Organisms/PDP/STIER Banner
Banner types
ReadyThe component documented here is fully refactored and can freely be used in shop. Any other implementation of this components should be replaced with the one documented here.
Fluid:
Responsive:
Organisms/PDP/STIER Banner/Mobile
Organisms/PDP/STIER Banner/Tablet
Organisms/PDP/STIER Banner/Large Desktop
Organisms/PDP/STIER Banner/Desktop
Molecules/Homepage/BannerLink/Mobile
Banner overlay
Banner hero
Hero Banner without aspect ratio and content
Hero Banner with aspect ratio & content
Unrefactored
This full sized banner was designed as a separate banner, however there was a discussion to combine this separate component into a single component above and serve it as a variation of banner. This needs to be aligned with design team and then combined later on
This component is only documented here but is not in a state to be used. Please feel free to refactor it first and document refactored version here before using it.