Guidelines

To do

  • Contrast ratio still works in progress, has to be completed.
  • Variations of colours can probably be reduced.
  • Better colours naming.
  • Colours to be added as CSS custom properties.
<div class="palette__content">
    <span style="background-color:#0085CA;"></span>
    <p class="lbh-u-p--lede">link-hover-colour</p>
    <p>#0085CA</p>
    <p>rgba(0, 133, 202, 1)</p>
    <p>hsla(200, 100%, 40%, 1)</p>
    <p>Contrast ratio to light background: 4.03</p>
</div>