search

fac-17 / NomNom

A web app to find and create weekly meal plans that use common ingredients in order to combat food waste
https://nom-nom-fac.herokuapp.com/
0 stars 3 forks source link

Style Guide #4

Closed mkatenolan closed 4 years ago

mkatenolan commented 5 years ago

Version one -- clean + bright:

Colours (we could also just go with two colours - I think I'd go with the lighter orange/yellow + the turquoise) Orange: #F4A261 Yellow: #E76F51 Turquoise: #28AFB0

Main font colour: #141414 (very dark grey) Headers font-family: Other font-family:

Screenshot 2019-09-11 at 10 13 52

Version two -- Classy

Colours

Burgandy: # 550C18 Background colour: # F5ECEA

Main font colour: #141414 (very dark grey) Headers font-family: Merriweather Other font-family:

Screenshot 2019-09-11 at 10 14 04

Version three --Quirky and colourful

Colours

Green: #5DD39E Pink: # F7717D Yellow: # F4D06F Off white: # F5F2D0

Main font colour: #141414 (very dark grey)

Headers font-family: Abril Fatface Other font-family:

Screenshot 2019-09-11 at 10 46 38

mkatenolan commented 4 years ago

@tonylomax @frannyfra @victormasson21 Here are three different ideas, please can you provide feedback on which ones you like....the fonts are a bit off and we can pick some different ones & can always mix + match.

If you don't like any of them feel free to come up with some suggestions! All available on Figma if you want to have a play with them.

Thanks!

mkatenolan commented 4 years ago

After some discussion here is the final version we will work with for the first iteration:

Backgrounds & white font: # F7F4F3 Black font: # 141414 highlight colour (red/pink): # DB0F56

Header font-family: Abril fatface All other font-family: Overlock... font-weight, regular. Font-weight bold to be used for key information as below.

Screenshot 2019-09-13 at 11 01 59