4 ms·

Here's a quick take: https://i.imgur.com/B1vROtB.png https://i.imgur.com/B1vROtB.png

by jonahx 4y ago

Waterluvian 4y ago
In my opinion this is an objective step forward. Thank so much for the ideas. So: - serif title to be more distinct and formal - a calm blue (do you have the hex?) - no borders I'm thinking something isn't quite complete with the "latest posts" now that it's without a border. Maybe they need to be a bit more "condensed" so they don't bleed into eachother visually as much. I'm going to experiment with your ideas! Edit: I'm also deeply curious how someone looks at a page and decides things like "the title should be serif." In retrospect it looks so good but I have no clue how people get there. Just a good eye? Experience? Is it some sort of design rule/convention?
- jonahx 4y ago
  #84a0ca is the hex for that grayish blue. If you open up dev tools in chrome or FF they have a colorpicker and you can tweak in real time. > I'm thinking something isn't quite complete with the "latest posts" now that it's without a border. No doubt you could improve it further. The borders felt like too much chrome. You could also experiment with a subtly different background color for the cards... not sure if it would work. Or more padding, etc. Basically, the idea is there are many way to achieve visual "separateness". > I'm also deeply curious how someone looks at a page and decides things like "the title should be serif." The proper mixing of serif / sans-serif is a standard technique. If you look at pretty much any web page that looks really well-designed to you, they'll have a "font palette" just like a color palatte. Often it will be just two fonts but sometimes more, and it's typically a mix of serif and sans. I am not a professional designer... I've just picked up a bit over the years.
- roflyear 4y ago
  also, there is no reason why you need to have colors for your fonts. try to do black (or dark gray) and a lighter gray. maybe throw some colors around for some things but you don't need color everywhere.
- kixiQu 4y ago
  The rabbit hole is fractally deep. Stuff like https://betterwebtype.com/web-typography-resources/ https://betterwebtype.com/web-typography-resources/ (so https://betterwebtype.com/articles/2018/08/15/guide-to-combining-fonts/ https://betterwebtype.com/articles/2018/08/15/guide-to-combi... though I'll warn you it's got a real annoying modal) scratches the surface of the stuff that someone might be thinking of... regarding type alone.

Here's a quick take: https://i.imgur.com/B1vROtB.png https://i.imgur.com/B1vROtB.png

by jonahx 4y ago

Here's a quick take: https://i.imgur.com/B1vROtB.png https://i.imgur.com/B1vROtB.png

In my opinion this is an objective step forward. Thank so much for the ideas. So: - serif title to be more distinct and formal - a calm blue (do you have the hex?) - no borders I'm thinking something isn't quite complete with the "latest posts" now that it's without a border. Maybe they need to be a bit more "condensed" so they don't bleed into eachother visually as much. I'm going to experiment with your ideas! Edit: I'm also deeply curious how someone looks at a page and decides things like "the title should be serif." In retrospect it looks so good but I have no clue how people get there. Just a good eye? Experience? Is it some sort of design rule/convention?

jonahx 4y ago
#84a0ca is the hex for that grayish blue. If you open up dev tools in chrome or FF they have a colorpicker and you can tweak in real time. > I'm thinking something isn't quite complete with the "latest posts" now that it's without a border. No doubt you could improve it further. The borders felt like too much chrome. You could also experiment with a subtly different background color for the cards... not sure if it would work. Or more padding, etc. Basically, the idea is there are many way to achieve visual "separateness". > I'm also deeply curious how someone looks at a page and decides things like "the title should be serif." The proper mixing of serif / sans-serif is a standard technique. If you look at pretty much any web page that looks really well-designed to you, they'll have a "font palette" just like a color palatte. Often it will be just two fonts but sometimes more, and it's typically a mix of serif and sans. I am not a professional designer... I've just picked up a bit over the years.
roflyear 4y ago
also, there is no reason why you need to have colors for your fonts. try to do black (or dark gray) and a lighter gray. maybe throw some colors around for some things but you don't need color everywhere.
kixiQu 4y ago
The rabbit hole is fractally deep. Stuff like https://betterwebtype.com/web-typography-resources/ https://betterwebtype.com/web-typography-resources/ (so https://betterwebtype.com/articles/2018/08/15/guide-to-combining-fonts/ https://betterwebtype.com/articles/2018/08/15/guide-to-combi... though I'll warn you it's got a real annoying modal) scratches the surface of the stuff that someone might be thinking of... regarding type alone.