Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: branding page #107

Merged
merged 1 commit into from
Nov 8, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
37 changes: 37 additions & 0 deletions organization/branding.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,37 @@
# The pyOpenSci brand

The pyOpenSci brand is playful and curious. It integrates a calm, gender-neutral color palette with illustrations and abstract primary shapes that are soft, round, and flowing.

## Logos, colors, and fonts

pyOpenSci stores its logos, brand colors, and font information in [Canva](https://www.pyopensci.org/handbook/organization/canva.html). However, we also store some of our logos and brand assets in a [publicly-shared Drive folder](https://drive.google.com/drive/folders/1m4cG3JLonP0mQ8y3pBaULMulpja-As0l?usp=drive_link) for community members to use as needed.

### pyOpenSci logos

The pyOpenSci logo combines the idea of openness with growth using an open flower petal
with lines and spokes that represent "connection".

pyOpenSci uses three variations on a floral logo:
* pyOpenSci written horizontally, with a flower "opening" over the "O" in pyOpenSci
* a four- or five-petaled flower with pyOpenSci abbreviated as pyOS
* a five-petaled flower icon

```{figure} /images/canva-images/pyos-flowers.png
:alt: A series of four purple flower logos on grey backgrounds arranged in a single row. At the top of the collection is the text 'Logos', and underneath it is the text 'Assets(4).' From left to right, the logos include a dark purple logo with three petals above the word pyOpenSci. The 'O' in pyOpenSci is the center of the flower. The second image from the left is a four-petaled flower, with the text py and then an S in the shape of a snake inside an O. The text comes in from the left. The flower petals surround the O. The next image is identical to the second from the left but in a lighter purple shade. The final image is the pyOpenSci flower with five petals and an open center. This logo is in light purple.

A screenshot of the pyOpenSci logos in Canva.
```

### pyOpenSci color palette

pyOpenSci's main color is purple, with the additional pink, green, and cream colors used as accents.

```{figure} /images/canva-images/pyos-color-palette.png
:alt: This is a series of color samples comprising the pyOpenSci color palette, which includes six equally sized circles arranged in a single row. At the top of the image is the text 'Color palette.' The circles contain the following colors, with the corresponding hex code written beneath them: dark purple hex 33205C, medium purple hex 735FAB, light purple hex BAB3D4, cream hex F6F0DC, pink hex BB92B0, and green hex 81C0AA.

A screenshot of the pyOpenSci color palette in Canva.
```

### pyOpenSci fonts

pyOpenSci uses [Itim](https://fonts.google.com/specimen/Itim) and [Poppins](https://fonts.google.com/specimen/Poppins?query=poppins) as its fonts. Itim is most commonly used as a header, while Poppins is used for body text. Poppins is available in multiple weights, and at this time pyOpenSci uses the most appropriate weight for accessibility and readability, which varies by use case.
3 changes: 3 additions & 0 deletions organization/index.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,7 @@
# pyOpenSci Organization Processes & Structure

This section outlines the essential processes and structures that guide how pyOpenSci operates. You’ll find information on our workflow, the platforms we use for collaboration, our approach to branding, and tools like Canva for maintaining a consistent visual identity. This guide provides a comprehensive overview to help team members and community contributors understand and engage with pyOpenSci’s organizational practices.

:::{toctree}
:maxdepth: 2
:caption: Platforms
Expand All @@ -15,5 +17,6 @@ Bitwarden <bitwarden>

Internal Platforms <internal-documentation>
External Communication <external-communication>
Branding <branding>

:::
Loading