This page serves as a style guide for conda-related projects. It contains important logos and fonts to use when creating your own conda branded content or websites.

Typography​

Below are various typography elements. The header font for conda.org is Nunito and the body font is Open Sans.

Headings​

Header one (2rem)

Header two (1.5rem)

Header three (1.25rem)

Header four (1rem)

Header five (0.875rem)

Header six (0.85rem)

Paragraphs​

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. (size 1rem)

Hyperlinks​

Ordered Lists​

1. Bananas 🍌
2. Apples 🍏
3. Cherries 🍒

Unordered Lists​

• Bananas 🍌
• Apples 🍏
• Cherries 🍒

Tables​

Code blocks​

import awesome

def main():
    awesome.do_cool_stuff()

if __name__ == "__main__":
    main()

Alerts​

Color Palette​

Gradient​

Primary color​

Accessibility​

The conda color palette is comprised of eleven shades of green (from light to dark). The Web Content Accessibility Guidelines (WCAG) 2.0 AA standard requires a contrast ratio of at least 4.5:1 for normal text (under 24px) and 3:1 for large text (above 24px). Graphic and UI components should have a contrast ratio of at least 3:1 against the background color.

The shades 50-500 are suitable for use in dark theme (or against black). This site uses #19191b as the background colour. While the shades 600 - 950 are suitable for use in light theme (or against white).

Logos​