Component Description#

Scarcity hint#

viewportpreview
MD-XSpreview-xs
LGpreview-xs

Delivery hint#

viewportpreview
MD-XSpreview-xs
LGpreview-xs

Recommendations of Use – Do's and Don'ts#

dosdon'ts
do-pdp-layer-XSdonts-pdp-layer-XS
  • Headlines summarise important information and encourage users to take action. Ideally, headlines are simple and short, address users directly and offer a good reason to act.

  • A good hint copy text should do two things - it should explain the topic. With a bit more detail, but keep it concise. And it should offer an an alternative solution or gives users the feedback that Lidl takes care about this topic.

  • Long sentences are harder to scan and require too much cognitive effort.

  • Avoid ambiguity (e.g., “Something went wrong"), don’t be apologetic (e.g., “We’re sorry, but…") and don't try to deflect the problem ("Oops..."). Be clear about what has happened.

Accessability, WCAG#

Text/Color combination is already according to WCAG requirements.