Comic Relief Pattern Library

This styleguide/pattern library is built using the KSS pattern lab Node module, documenting the layouts, design patterns and components used across our sites and products.

Base theme styleguide


The navigation on the left links to the core components that make up the base theme, common elements that we need in every site/product.

Each site/product has a subtheme (linked below) which inherits a lot of these core styles and components, imported on a need-to-have basis. In addition to this, they also include any new product-specific components or overrides. 2019 Brand Relaunch styleguide styleguide styleguide styleguide

Frost/Giving Pages styleguide

Payin styleguide

Donate styleguide

Shop styleguide

Shop 2019 styleguide