Style Guide

Accessible content

We have a special care for making our page as most accessible as possible. Useful tools:

Web Content Accessibility Guidelines (WCAG) made in "cooperation with individuals and organizations around the world, with a goal of providing a single shared standard for web content accessibility that meets the needs of individuals, organizations, and governments internationally"
Color Pallet Builder helps you preview how you pallet can be combined
Contrast checker helps you understand where contrast colours can be applied and accessibility level
Tanaguru helps you find a best colour match
Color Safe helps you create an accessible colour pallet

Font

Main and headers: Fira Sans Variation and body: Lato

Colour Pallet

Colour pallet is based on rose PyLadies Geek logo (with a slight variation to be more accessible and have more peers). Pallet has variations with blue and yellow (following Python, but also using tones variations) and grays derived from Black Olive (as it's a bit greener and fits beautiful with roses). Colour pallet can go for a more light deviation or more pastel, depending on situation... and also to never be bored.

Notes... All darks has being colour checked to match all lights. But darks cannot go with darks nor lights with lights. Main colour can go with any colour, BUT be aware that constrast average will be 3, the minimum acceptable. All darks goes well with white, as well as all lights goes well with black. Main can go with both, better with white, but as noted before, with minimum accessibility acceptable. Medium gray goes with nothing o_O please use with moderation, just for details or gradient.

Follow a few screen shots of the pallet and it's accessibility check.

Main Dark Pallet Main dark colour pallet