Primary palette

Black --jf-black
Red --color-primary-hover
Yellow --jf-brand-yellow

Neutrals

Grey 1 --jf-grey-1
Grey 2 --jf-grey-2
Grey 3 --jf-grey-3
Grey 4 --jf-grey-4
Grey 5 --jf-grey-5
Grey 6 --jf-grey-6
Grey 7 --jf-grey-7
Grey 8 --jf-grey-8

Accent colors

The od-green and deep-blue accents carry full surface treatments, so they are reviewed as color schemes on the schemes sheet; the brand yellow rides the primary palette above.

Utility

Error and success states resolve through scheme surfaces rather than palette chips; the sale red is reviewed as scheme-jf-sale-red on the schemes sheet.

Pro series

Gold --jf-pro-series-gold

H1 primary module titles/PDP

H2 for Content heading
multi-line like this

H3 for content Heading
multi-line like this

H4 for product titles on Product listings and subtitles

H5 USED FOR NUMERICAL VALUES 0123456789

H6 For special/INTRO titles
Multi-line Like This

Subtitle Regular

Regular Paragraph -- Magna etiam tempor orci eu lobortis elementum nibh tellus molestie. Feugiat nibh sed pulvinar bold text. Aenean sed adipiscing diam donec adipiscing tristique risus nec feugiat. Faucibus in ornare quam viverra orci sagittis eu. Mattis pellentesque id nibh tortor id. Sit amet venenatis urna cursus eget nunc scelerisque viverra. Senectus et netus et malesuada. Non enim praesent elementum facilisis leo vel fringilla est. Et netus et malesuada fames ac turpis egestas maecenas. Risus quis varius quam quisque id diam vel. Tincidunt id aliquet risus feugiat in ante. Aliquam faucibus purus in massa tempor nec feugiat. Nulla at volutpat diam ut venenatis tellus in metus.

Small Paragraph -- Lectus proin nibh nisl condimentum id venenatis a condimentum. Elementum tempus egestas sed sed risus pretium. Nunc aliquet bibendum enim facilisis gravida neque. Cursus vitae congue mauris rhoncus aenean vel elit scelerisque mauris. Pellentesque sit amet porttitor eget dolor morbi. Gravida rutrum quisque non tellus. Urna et pharetra pharetra massa. Dictum at tempor commodo ullamcorper a lacus. Vitae elementum curabitur vitae nunc sed. Nunc pulvinar sapien et ligula ullamcorper malesuada. Potenti nullam ac tortor vitae purus. In ante metus dictum at. Eget magna fermentum iaculis eu non diam. Nulla porttitor massa id neque aliquam vestibulum morbi blandit cursus. Ornare lectus sit amet est placerat in egestas.

X-small Paragraph -- At lectus urna duis convallis convallis. At risus viverra adipiscing at in. Sit amet est placerat in egestas erat. Egestas dui id ornare arcu odio. Commodo quis imperdiet massa tincidunt nunc pulvinar. Pulvinar neque laoreet suspendisse interdum. At in tellus integer feugiat scelerisque varius morbi enim nunc. Viverra aliquet eget sit amet tellus cras. Aliquet eget sit amet tellus cras adipiscing enim eu. Malesuada proin libero nunc consequat. Enim nunc faucibus a pellentesque sit amet. Tincidunt id aliquet risus feugiat in ante metus dictum at. Quis blandit turpis cursus in hac habitasse. Posuere lorem ipsum dolor sit amet. Amet tellus cras adipiscing enim eu. Eu scelerisque felis imperdiet proin fermentum leo vel orci. In fermentum posuere urna nec tincidunt praesent semper. Donec et odio pellentesque diam volutpat commodo sed egestas egestas. Blandit cursus risus at ultrices mi tempus imperdiet nulla malesuada.

XX-small Paragraph -- Tincidunt id aliquet risus feugiat in ante metus dictum at. Quis blandit turpis cursus in hac habitasse.