Greyscale palette: Grey 1

In review

Info
Notes
HTML

Handle: @greyscale-palette--grey-1
Variants (5): Default , Grey 1 , Grey 2 , Grey 3 , Grey 4
Preview:
- With layout
- Component only
Filesystem Path: components/01-particles/02-greyscale-palette/greyscale-palette.njk

Guidelines

To do

Contrast ratio to be checked.
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:#6F777B;"></span>
    <p class="lbh-u-p--lede">grey-1</p>
    <p>#6F777B</p>
    <p>rgba(111, 119, 123, 1)</p>
    <p>hsla(200, 5%, 46%, 1)</p>
</div>