Brickworks working colour palette & logo - Githubissues

fac-14 / Brickworks-Tollington_Project

MIT License

2 stars 5 forks source link

Brickworks working colour palette & logo #56

Open MissArray opened 5 years ago

MissArray commented 5 years ago

The working colour palette

All colours have been sampled from the Brickworks website, as Julie asked.

Notes on accessibility

We are not using the website's colour for running text but a darker grey to improve contrast and readability

Accessibility: https://material.io/tools/color/#!/?view.left=1&view.right=1&primary.color=525252&secondary.color=4AAFE7

Codpen samples: https://codepen.io/missarray/pen/GYEVYz

Hex codes:

Text background: #FAFAFA
Navbar background: #6cb7e2;
Banner medium grey #7e7e7e
Banner slate grey: #525252
Button 1 bckg: #67BDEC
Stroke: #4AAFE7
Button text: #2a2a2a
Button 2 bckg: #84e1ff
Stroke 2: #76CCE8
Body text: #2A2A2A
Heading text - dark: #525252
Caption text - light: #FAFAFA
Caption background: #525252

brickworks palette

Logo

We're using the current logo but changing the caption in line with Julie's choice. Two alternatives:

brickworks-logo2 brickworks-logo1

MissArray commented 5 years ago

@Joobiejoo & Colin,

Please either choose one of these logos (see different typefaces) or let us know the typeface used in the existing logo on the Brickworks website, if you prefer that.
Please let us know whether you want us to use the mosaic background and border on the app, as on the Brickworks website or a solid colour. See the links to the full prototype and alternative slides I sent you yesterday.