Skip to content

Latest commit

 

History

History
51 lines (38 loc) · 2.22 KB

OSS_brand.md

File metadata and controls

51 lines (38 loc) · 2.22 KB
Raw

OSS branding guidelines

PyMC Labs has also created and maintains two open source libraries: CausalPy and PyMC-Marketing, each with their own logo and identity, but with common elements to help identify they are part of PyMC-Labs such as:

  • Same blue-green colors in their logo
  • Same custom theme used in their documentation

Color branding for Labs OSS

The main colors to be used are:

  • Blue: #154A72 (main/primary) ${\color{#154A72} \Huge \blacksquare}$
  • Green: #81C240 (highlights/secondary) ${\color{#81C240} \Huge \blacksquare}$

In case elements with that color need accents, the alternatives are:

  • Blue:

    • lighter shade: #4A9EDE ${\color{#4A9EDE} \Huge \blacksquare}$ (generated increasing the lightness of logo blue until 7:1 contrast ratio with black, this ensures proper readability)
    • purpler shade: #151B72 ${\color{#151B72} \Huge \blacksquare}$
    • greener shade: #15726C ${\color{#15726C} \Huge \blacksquare}$

  • Green:

    • darker shade: #40611F ${\color{#40611F} \Huge \blacksquare}$ (generated reducing the lightness of logo green until 7:1 contrast ratio with white, this ensures proper readability)
    • greener shade: #40C240 ${\color{#40C240} \Huge \blacksquare}$
    • yellower shade: #C2C240 ${\color{#C2C240} \Huge \blacksquare}$

There are also color mixtures for use as backgrounds:

  • Mixture of the logo green with black to generate a blackish green that can be used as secondary background for dark themes: #2B4115 ${\color{#2B4115} \Huge \blacksquare}$
  • Mixture of the darker shade of logo green with white to generate a whiteish green that can be used as secondary background for light themes: #CDDEBB ${\color{#CDDEBB} \Huge \blacksquare}$.

Usage

Light Background

  • Main text: black
  • Emphasis: logo blue or darker shade of logo green
  • Accents and effects (like hover)
    • logo blue -> either lighter or purpler shade
    • darker shade of logo green -> either logo green or greener shade of logo green
  • Background: #CDDEBB

Dark Background

  • Main text: white
  • Emphasis: lighter shade of logo blue or logo green
  • Accents and effects (like hover):
    • lighter shade of logo blue: either logo blue or greener shade of logo blue
    • logo green: either darker or yellower shade of logo green
  • Background: #2B4155