search

refugeetech / MigHub

MIT License
6 stars 3 forks source link

Feature /categories (MainMenu) view #38

Closed leosa83 closed 8 years ago

leosa83 commented 8 years ago

Description

The MainMenu view should look like this: _mainmenu- media education info employment housing language health social

Color Codes for background Icons for each category

Education: #4e6ba4 Media & Com: #a6404b Information: #488674 employment: #af9034 Housing: #9e5e81 Language: #ae5540 healthcare: #ad4550 Social: #4765a0

leosa83 commented 8 years ago

This is not ready yet as we are waiting for the assets from @Davito163

leosa83 commented 8 years ago

What is need still is setting the category svgs in the background, make sure it works for all browsers.

leosa83 commented 8 years ago

The only thing needed now is to place the pictures so it looks good after having converted them to png.

miladf commented 8 years ago

@leosa83 do you guys need any assets or do you have everything? The colors are different, placement of icon and the alignment of the text compared to the picture above..

irony commented 8 years ago

I can have a look

miladf commented 8 years ago

@irony :heart:

irony commented 8 years ago
screen shot 2016-08-24 at 00 05 58

Should we use black as in the screenshot above, or white as in the brand book?

miladf commented 8 years ago

@irony the "Swedish" one would be nice? Otherwise the black one I think.

irony commented 8 years ago

sorry, I mean the color combinations in the categories menu. Should we use black text (as in the screenshot) or white text (as in the brand guidelines)?

also, do we have the Siri font?

miladf commented 8 years ago

Black text looks better on the background that we have on the categories (they are quite light). The brand guidelines shows white text on black background, so I think there is no problem (as David followed when doing the UI). Lets do it and check with David and Vitaly about it when its implemented

I don't have the font, I just asked Vitaly about it in our slack channel.

leosa83 commented 8 years ago

Updated the description with the colorcodes to be used for each category icon

leosa83 commented 8 years ago

We are working on getting all the assets published here

leosa83 commented 8 years ago

You can find the font here: https://www.dropbox.com/sh/ekoyuqi2tkggg6b/AAC6OUchclVrD1-zyVEF2bHXa/Font?dl=0

leosa83 commented 8 years ago

This is how it should look like, it was quite late yesterday so I forgot that this is the right version: mainmenu- media education info employment housing language health social copy 3

irony commented 8 years ago

The font is now implemented, looks amazing

leosa83 commented 8 years ago

Great! It sure does :)

leosa83 commented 8 years ago

To make it actually look like in the design requires som good css skills. Anyone willing to really take this on?

miladf commented 8 years ago

@superyass Check this out.

superyass commented 8 years ago

Fixed with #97