Greyscale palette: Default

In review

Info
Notes
HTML

Handle: @greyscale-palette--default
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:#0B0C0C;"></span>
    <p class="lbh-u-p--lede">black</p>
    <p>#0B0C0C</p>
    <p>rgba(11, 12, 12, 1)</p>
    <p>hsla(180, 4%, 5%, 1)</p>
</div>