Blogger icon indicating copy to clipboard operation
Blogger copied to clipboard

Discussion regarding color palette and font to be used in website

Open Swarnimashukla opened this issue 5 years ago • 13 comments

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/

Swarnimashukla avatar Aug 16 '20 15:08 Swarnimashukla

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 avatar Aug 16 '20 21:08 raksha009

Plz assign me this task @Swarnimashukla

raksha009 avatar Aug 17 '20 04:08 raksha009

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 avatar Aug 17 '20 05:08 ymaheshwari1

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

ymaheshwari1 avatar Aug 17 '20 05:08 ymaheshwari1

Color palete for Bloger project @Swarnimashukla

WhatsApp Image 2020-08-17 at 14 40 42

nooras avatar Aug 17 '20 09:08 nooras

@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"

ymaheshwari1 avatar Aug 17 '20 11:08 ymaheshwari1

@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.

Swarnimashukla avatar Aug 17 '20 12:08 Swarnimashukla

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

harsh7in avatar Aug 17 '20 12:08 harsh7in

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

Swarnimashukla avatar Aug 17 '20 12:08 Swarnimashukla

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

image

image

ymaheshwari1 avatar Aug 17 '20 13:08 ymaheshwari1

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

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

raksha009 avatar Aug 17 '20 21:08 raksha009

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.

itsarjun12 avatar Aug 18 '20 09:08 itsarjun12

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

Swarnimashukla avatar Aug 19 '20 04:08 Swarnimashukla