harsh7in / Blogger

Blogger is a basic blogging application which includes user to create an account and post their views.
MIT License
49 stars 77 forks source link

Discussion regarding color palette and font to be used in website #45

Open Swarnimashukla opened 4 years ago

Swarnimashukla commented 4 years ago

Is your feature request related to a problem? Please describe. Discussion regarding color palette and font for "Blogger"

Describe the solution you'd like Provide with appropriate color Palette and font pairing which could be used for a blogging website

Additional context You can look for following link to get an idea

For font-pairing try these:

  1. https://typespiration.com/design/

  2. https://fontjoy.com/

  3. https://fontpair.co/

For color pallete,

check https://colorhunt.co/

raksha009 commented 4 years ago

I think the color pallet and the font should match with the logo decided for Blogger. This would help keep the project homogeneous. Also, in my opinion, we should use bright colors. This would also give us variety of options in future too to choose various background of different elements and sections made in the project.

raksha009 commented 4 years ago

Plz assign me this task @Swarnimashukla

ymaheshwari1 commented 4 years ago

I think we can go for "Roboto" for the blog titles and "Open Sans" for the blog content. "Roboto Condensed" or "Oswald" for the other small headings like Author name, category, etc. And for the links in the header and footer, we can go for "PT Serif"

ymaheshwari1 commented 4 years ago

For a primary color, we can think of using Purple shade "#9C27B0".

https://www.materialpalette.com/colors We can refer to the above link as well. @Swarnimashukla

nooras commented 4 years ago

Color palete for Bloger project @Swarnimashukla

WhatsApp Image 2020-08-17 at 14 40 42

ymaheshwari1 commented 4 years ago

@harsh-9in @Swarnimashukla @Kajol-Kumari I think we can also discuss about another name for the project as there is already a blogging website named "Blogger"

Swarnimashukla commented 4 years ago

@harsh-9in @Swarnimashukla @Kajol-Kumari I think we can also discuss about another name for the project as there is already a blogging website named "Blogger"

:😁 That's a trouble , anyways its @harsh-9in decision whether he wants to change project name as of now or not , anyways we can skip this for now and use whatever logo we have made because it won't affect rest of the web dev process.

harsh7in commented 4 years ago

@ymaheshwari1 plz suggest any good name that suits this project.

Swarnimashukla commented 4 years ago

I think the color pallet and the font should match with the logo decided for Blogger. This would help keep the project homogeneous. Also, in my opinion, we should use bright colors. This would also give us variety of options in future too to choose various background of different elements and sections made in the project.

Logo color can have slight change later , deciding it right now might be difficult ,

Also @ymaheshwari1 @nooras @raksha we will have dark theme as well for website . @nooras I like this color palette you suggested , lets see what others think . Do share palette here

ymaheshwari1 commented 4 years ago

I am sharing two different Color palettes @Swarnimashukla @harsh-9in @Kajol-Kumari

image

image

raksha009 commented 4 years ago

how about these 2!? Color Hunt Palette 196303 https://colorhunt.co/palette/196303

Color Hunt Palette 196338 https://colorhunt.co/palette/196338

itsarjun12 commented 4 years ago

Color Hunt Palette 191933 18-dorothy-a 18-dorothy-b

https://colorhunt.co/palette/191933 for fonts and style we can see this example. https://typespiration.com/design/dorothy/ fonts : Roboto and volkorn.

Swarnimashukla commented 4 years ago

Considering all discussion so far here are final points :

Blog title - Roboto Blog content, body - Montserrat Small headings - Oswald Header, Footer - PT serif

For color palette I liked @nooras suggestion , and https://user-images.githubusercontent.com/41404838/90400421-14756c00-e0ba-11ea-9ebc-a15140e16b92.png

Do let me know if you @ymaheshwari1 @nooras @itsarjun12 @raksha009 agree then we will finalize it and move for final ui