insightsengineering / nest

Website for the Nest project 🪺
https://insightsengineering.github.io/nest/
Apache License 2.0
5 stars 3 forks source link

color & font theme for NEST website #4

Closed telepath37 closed 1 year ago

telepath37 commented 1 year ago

Need to decide on a consistent color theme and font family for the NEST website.

Proposal: Use consistent color from NEST product logos & font

Melkiades commented 1 year ago

I think this is the most important aspect for the logos and website. Looking at this: https://visme.co/blog/website-color-schemes/. I suggest Blue based ones, so 1/3/4/20/23/24/25

Melkiades commented 1 year ago

really like Hex Codes: #8ecae6 // #219ebc // #023047 // #ffb703 // #fb8500 (https://venngage.com/blog/blue-color-palettes/#3

Melkiades commented 1 year ago

As a font I would use a monospaced one that is easier to center and it does imply different sizes for different letters. In particular I would use monoLisa: https://crocoblock.com/blog/best-programming-fonts/

telepath37 commented 1 year ago

As a font I would use a monospaced one that is easier to center and it does imply different sizes for different letters. In particular I would use monoLisa: https://crocoblock.com/blog/best-programming-fonts/

Is monospace font mostly used for coding/programming? I was considering fonts like "San Francisco Pro", "Helvetica", etc.

Melkiades commented 1 year ago

Yes it is mainly used in programming, but I thought it was cool to use something a bit "nerdy", but I do not have a strong opinion about this. Helvetica would be cool and makes sense: HelveticaSpecimenCH svg

Consolas: consolas-regular-sample

San Francisco Pro (is this the one? seems a bit appley): 1511731670_sanfranciscofont_ru_windows-1

monoLisa (very nerdy I have to admit): monolisa-meta

ps from that website: Here are some things to look out for in a good programming font:

ProjectsOfMLee commented 1 year ago

image

8ecae6 // #219ebc // #023047 // #ffb703 // #fb8500

color-palette to refer to

khatril commented 1 year ago

Font suggestions: https://adobe-fonts.github.io/source-code-pro/

https://fonts.google.com/specimen/Roboto+Mono image

ProjectsOfMLee commented 1 year ago

Font suggestions: https://adobe-fonts.github.io/source-code-pro/

https://fonts.google.com/specimen/Roboto+Mono image

The original font was this font, then the decision was made to use 'Helvetica'

Melkiades commented 1 year ago

I think we could still vote on this right?

telepath37 commented 1 year ago

I think we could still vote on this right?

Let's use helvetica for now and we will use consistent font throughout the site. If after the soft launch, a lot of people don't like the font, we'll change to other alternatives.