Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Style Guide / Figma #1

Open
MentalSnapp opened this issue Oct 15, 2019 · 14 comments
Open

Style Guide / Figma #1

MentalSnapp opened this issue Oct 15, 2019 · 14 comments

Comments

@MentalSnapp
Copy link

MentalSnapp commented Oct 15, 2019

Figma prototype:
https://www.figma.com/file/NdSdcFUdpgpUSoY5Tah1f9/My-Mental-Health-Story?node-id=1%3A2

Font download:
https://www.dropbox.com/sh/jfajkbp4i2pa24i/AAAuolMqC8EtE1pq8rHhBmEza?dl=0

Icons:
See below

Colors:
See below

@teenie-quaggard
Copy link

@MentalSnapp Hi Hannah!
I hope you are well. I just wanted to touch base to see how it was going with initial designs. Do you have any questions about Figma? Is there anything that I can help with?

@MentalSnapp
Copy link
Author

MentalSnapp commented Oct 17, 2019 via email

@MentalSnapp
Copy link
Author

MentalSnapp commented Oct 17, 2019 via email

@MentalSnapp
Copy link
Author

@teenie-quaggard I'm in view only mode on Figma when I log in with my mentalsnapp1@gmail account. How can I make it so I can edit?

@teenie-quaggard
Copy link

@MentalSnapp - this should be fixed if you try again!

@teenie-quaggard
Copy link

@MentalSnapp - It would be really good to get your color codes and logo. Could you please get this to me by tomorrow?

@MentalSnapp
Copy link
Author

MentalSnapp commented Oct 19, 2019

I'm using these icons, need them credited: www.flaticon.com
Profile icon credit:

Icons made by Freepik from www.flaticon.com
Profile icon: ![user](https://user-images.githubusercontent.com/33348402/67144920-53594c00-f274-11e9-8ead-8497c8933bab.png)

Calendar icon credit:

Icons made by mynamepong from www.flaticon.com
![calendar](https://user-images.githubusercontent.com/33348402/67144053-47688c80-f26a-11e9-905c-6365db076ca0.png) Plus button icon credit:
Icons made by Catalin Fertu from www.flaticon.com
Plus button: ![add-circular-outlined-button](https://user-images.githubusercontent.com/33348402/67144074-8a2a6480-f26a-11e9-9be5-ac5864fa560e.png)

@MentalSnapp
Copy link
Author

MentalSnapp commented Oct 19, 2019

Here they are in the base and hover colours:
add-circular-outlined-button orange
add-circular-outlined-button grey
user orange
user grey
user
calendar orange
add-circular-outlined-button
calendar

calendar grey

@MentalSnapp
Copy link
Author

Base orange colour: #E9663A
Hover colour: #666666

@MentalSnapp
Copy link
Author

MentalSnapp commented Oct 19, 2019

MentalSnapp_whitev5_final icon
MentalSnapp_whitev5_final

Here are the logos. They are white png's so they don't show here, but click and download.

@MentalSnapp
Copy link
Author

MentalSnapp_2 lines orange_final
MentalSnapp_oneline_orange_final copy copy

@MentalSnapp
Copy link
Author

For pop up boxes, these are the choices of colours:
e98e75 (light orange)
or 89c1c6 (grey/blue)
or 13B0C6 (logo blue)

Think that the message on the success box should not be 'Yay' because sometimes people will record difficult things. Will change in Figma.

@MentalSnapp
Copy link
Author

@teenie-quaggard just looked at the new screens, they look great!

Can I ask that the team replace the long Mental Snapp logo with the blue brain with the attached, which is our official RGB logo? Thanks!
/Users/hannahchamberlain/Dropbox/Mental Snapp/Media/Branding/Rebrand/Final brand 2017/MentalSnapp_oneline_RGBv5_final.eps
/Users/hannahchamberlain/Dropbox/Mental Snapp/Media/Branding/Rebrand/Final brand 2017/MentalSnapp_oneline_RGBv5_final.png

@teenie-quaggard
Copy link

@MentalSnapp - unfortunately your upload of the logos did not work - would you like to try emailing them to me instead?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants