Table of Contents

Brand strategy

Logo

Logo usage

Partnership guidelines

Colour palette

Typography

Iconography

Illustration

Photography

Presentation material

crowdworks-logo-09

CrowdWorks

Design guidelines


Updated August 2019.

Brand Strategy

Logo

Logo Usage

Partnership Guidelines

Colour Palette

Typography

Iconography

Illustration

Photography

Presentation Material


Brand strategy


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae ipsum quam. Sed imperdiet euismod enim, a cursus orci rutrum quis. Aenean condimentum efficitur hendrerit.


Brand positioning


Vestibulum ante massa, eleifend non orci sit amet, pellentesque rutrum odio. Nulla feugiat, enim ac ultricies auctor, velit lacus aliquet est, non aliquam lacus quam eget diam.

Tone of voice


Vestibulum ante massa, eleifend non orci sit amet, pellentesque rutrum odio. Nulla feugiat, enim ac ultricies auctor, velit lacus aliquet est, non aliquam lacus quam eget diam.

Principle 01

Lorem ipsum


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae ipsum quam. Sed imperdiet euismod enim, a cursus orci rutrum quis. Aenean condimentum efficitur hendrerit. 


Principle 02

Lorem ipsum


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae ipsum quam. Sed imperdiet euismod enim, a cursus orci rutrum quis. Aenean condimentum efficitur hendrerit. 

Principle 03

Lorem ipsum


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae ipsum quam. Sed imperdiet euismod enim, a cursus orci rutrum quis. Aenean condimentum efficitur hendrerit. 



Tag line


Donec neque nulla, ultrices eu magna et, vulputate porttitor purus.

 

Manifesto


For investors and entrepreneurs seeking a competitive advantage through their networks, CrowdWorks unlocks a knowledgeable and collaborative community centred around shared values, that builds trust by fuelling continuous engagement and true network driven growth enabling collective prosperity for all.



Logo


Our logo comes in three iterations – the full lockup, our wordmark, and the symbol only.


Download logo
crowdworks-logo-03
crowdworks-logo-03
crowdworks-logo-01
crowdworks-logo-04
crowdworks-logo-06
crowdworks-logo-06
crowdworks-logo-09
crowdworks-logo-09
crowdworks-logo-07


Logo usage


A simple system to ensure our logo always has room to breathe: always set space equal to the size of a single ring from our symbol to create a clearspace around the logo in which nothing shall interfere.

crowdworks-logo-usage-04
crowdworks-logo-usage-01
crowdworks-logo-usage-02
crowdworks-logo-usage-03-03


Partnership guidelines


Following a theme of simplicity — when partnering up with other brands or vice versa we stick to the same concept of creating clearspace with an added divider based on 50% of the lowercase stem width.

crowdworks-partnership-04
crowdworks-partnership-03
crowdworks-partnership-01
crowdworks-partnership-02
crowdworks-partnership-02
crowdworks-partnership-06
crowdworks-partnership-06
crowdworks-partnership-05


Colour palette


Our colour palette is clean and light. Sparing use of bright highlights and secondary colours are key to add a bit of flair.


Download swatches

CrowdWorks Cobalt

  • HEX #346AFF

  • RGB 52, 106, 255

CrowdWorks Tangerine

  • HEX #FF6A36

  • RGB 255, 106, 54

CrowdWorks Navy

  • HEX #00152E

  • RGB 0, 21, 46

Dark Slate

  • HEX #141516

  • RGB 20, 21, 22

CrowdWorks Slate

  • HEX #7E8A96

  • RGB 126, 138, 150

Light Slate

  • HEX #F5F5F6

  • RGB 245, 245, 246


Secondary colours

Amethyst

  • HEX #AC4DF7

  • RGB 172, 77, 247

Rose

  • HEX #FF5154

  • RGB 255, 81, 84

Pineapple

  • HEX #FCD24C

  • RGB 252, 210, 76

Lime

  • HEX #B9E541

  • RGB 185, 229, 65

Seafoam

  • HEX #4FE88D

  • RGB 79, 232, 141


Typography


Our typography is using Red Hat Display and Text, a geometric and conversational sans serif.


Download fonts



Red Hat Display 

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9



Red Hat Text 

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9



Iconography


We use Google Material Design for our iconography – specifically the rounded set.


Download icons
crowdworks-icons-01
crowdworks-icons-04
crowdworks-icons-02
crowdworks-icons-05
crowdworks-icons-03
crowdworks-icons-06


Illustration


We have three distinct styles of illustration — primary, secondary and tertiary.


All primary illustrations can be downloaded from UnDraw.


Download illustrations


Primary illustrations


These illustrations sit alongside our USPs and large statements. They are meant to accompany the copy and can be as complex or as simple as required.



crowdworks-illustrations-extra-04
crowdworks-illustrations-02
crowdworks-illustrations-03


Secondary illustrations


These illustrate quick-fire facts and shorter statements.

crowdworks-illustrations-12
crowdworks-illustrations-13
crowdworks-illustrations-14


Tertiary illustrations


Our tertiary illustrations are meant for value props and large scale graphics i.e banners, break pages and back drops.

crowdworks-illustrations-07
crowdworks-illustrations-08
crowdworks-illustrations-09


Photography


Our brand photography is divided into two categories and subject groups — team portraits and users.


Download brand imagery


Team portraits


Our team portraits are colourful and full of personality. They should be staged but relaxed at the same time and shot in front of a single coloured background.

361b000a898ef544900ee9baece92b28
996305afaa349523a71ee45e6ef5247a
147cb3ad8750efc7378e0473221fab45
anningtonhomes_0008

Users


Our users should be shot in situ, in a documentary photography style. These photos should be conversational, human, vibrant and all about the conections we make.

811642
2a53eea4a100e08a44a9ca19c95219ddf1f8368d_ch_image_casestudy
b9647f8aeda6481c642d357baba45105
cb88c0fcc4f56e2b724f04afc2d07298
norec_teacher_mission


Presentation material


Our PowerPoint slides are clean, light and follow a simple type hierarchy.



Download templates
2047_001_crowdworks_powerpoint-tile_01
2047_001_crowdworks_powerpoint-tile_02
2047_001_crowdworks_powerpoint-tile_03
2047_001_crowdworks_powerpoint-tile_04
2047_001_crowdworks_powerpoint-tile_05
2047_001_crowdworks_powerpoint-tile_06


UI UX 

Style guide


This guideline is a design and development tool that brings cohesion to a digital product’s user interface and experience. 

grid-and-spacing
fluidgrid_example
03-components
04-iconography-illustration
05-ui-elements-desktop

© CrowdWorks 2019.  Back to top