Primer Components and CSS rebranding

[ashygee]

The paintbrush is very prominent in our illustrations for Primer.style. We should have something similar for Primer Components and Primer CSS so that they are equally represented.

Current state

Initial research

I sent out a Google form inquiring what others thought of in reference to components and CSS.

Results

• For components, the themes that were recurring were with simplicity/ease of use, flexibility, and cohesion.
• For CSS, the themes that were recurring were customization, finicky, and complex.

Sketches

Next steps

• Flesh out sketches in Figma

[ashygee]

Concepts

Here are some initial concepts based on the sketches above:

I wanted to reflect some variation not only in value within the Primer blue coloring, but also bringing in some patterns that had been previously used by the web team. The line/wood grain detail in the brush is the inspiration for this direction.

I also created a style that does not use any of the pattern fills but instead gets more detail from layering shapes which can be seen below. My only concern with this style is that the Primer brush is very simplistic and I'm wondering if the complexity of an illustration such as this might branch away from the theme of simplicity.

CC @broccolini @emilybrick