Brush strokes
Brushstrokes are at the core of our visual identity. We have a unique style that we can use to create a variety of brushstrokes to suit our designs. We want them to feel unique and dynamic to avoid our visuals from getting repetitive or predictable. So whenever you can, you should create your own — although you can also source brushstrokes from stock.
Ensure your brushes retain a handmade quality and do not look too digitally rendered. A slightly rough, handmade quality gives them their character. The following pages give an overview and guidance on how to use brushes in communication materials.
Textures
Download brush strokes: TexturesOn the web, brush strokes are used as textures in backgrounds of banner modules to add color, visual variety, and an elevated brand presence.
Brush Stroke Texture 01
Brush Stroke Texture 02
Brush Stroke Texture 03
Brush Stroke Texture 04
Brush Stroke Texture 05
Brush Stroke Texture 06
Textures - Recent Blog Posts
Background Color: Mint Green (Tint)
OSH Brush: Texture 05
Brush Color: Mint Green (Secondary)
Textures - Brush Hero - Content Length: Short
Background Color: Lavender (Tint)
OSH Brush: Texture 02
Brush Color: Lavender (Secondary)
Alternates
The copy and texture may swap place horizontally, are available in tonal pairs of Mint Green and Stone, and Texture 02, Texture 03, and Texture 04 may also be randomly assigned to avoid visual repetition.
Textures - Brush Hero - Content Length: Medium
Background Color: Lavendar (Tint)
OSH Brush: Texture 06
Brush Color: Lavendar (Secondary)
Alternates
The copy and texture may swap place horizontally, are available in tonal pairs of Mint Green and Stone, and Texture 01, Texture 03, Texture 05, and Texture 06 may also be randomly assigned to avoid visual repetition.
Textures - Brush Hero - Content Length: Long + Photo
Background Color: Lavender (Tint)
OSH Brush: Texture 06
Brush Color: Lavender (Secondary)
Alternates
The copy and texture may swap place horizontally, are available in tonal pairs of Mint Green and Stone, and Texture 01, Texture 03, Texture 05, and Texture 06 may also be randomly assigned to avoid visual repetition.
In addition to textural elements, the brush strokes are also used as an edge treatment in modules that contain both text, photography, and illustration.
Brush Stroke Mask 01
Brush Stroke Mask 02
Brush Stroke Mask 03
Brush Stroke Mask 04
Brush Stroke Mask 05
Masks - brush overlap
Background Color: Lavender (Tint)
Text Color: Charcoal (Tertiary)
OSH Brush: Mask 05 Left
Alternates
The mask and image may swap place horizontally, are available in Lavendar (Tint), Mint Green (Tint), and Stone (Shade), in any OSH Brush: Mask, and may also be randomly assigned to avoid visual repetition.
Masks - Hero Image Mask + Background
Background Color: Stone (Tertiary)
OSH Brush: Mask 03
Alternates
The only alternates available for this module are the various OSH Brush: Masks and they may be randomly assigned to avoid visual repetition between pages.
Masks - Image Mask Mobile
Alternates
The only alternates available for this module are the various OSH Brush: Masks and they may be randomly assigned to avoid visual repetition between pages.
Masks - Layered Mobile
Alternates
The background brush strokes are available in Lavendar (Tint), Mint Green (Tint), and Stone (Shade), in any OSH Brush: Mask, and may also be randomly assigned to avoid visual repetition.
Background Color: Lavender (Tint)
Text Color: Charcoal (Tertiary)
OSH Brush: Mask 02 Left
Background Color: Mint Green (Tint)
Text Color: Charcoal (Tertiary)
OSH Brush: Mask 03 Right
Background Color: Stone (Shade)
Text Color: Charcoal (Tertiary)
OSH Brush: Mask 01 Left