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:#F8F8F8;"></span>
    <p class="lbh-u-p--lede">highlight-colour</p>
    <p>#F8F8F8</p>
    <p>rgba(248, 248, 248, 1)</p>
    <p>hsla(0, 0%, 97%, 1)</p>
    <p>Contrast ratio to dark text: 18.44</p>
</div>