Feedback wanted on my personal blog

Hello,
I’m setting up a color scheme for my personal blog, which will cover general life topics and also include some tech content. I’m using magenta and its shades for the design because I really like this color. However, I’m curious if, in your opinion, these colors might come across as too feminine, especially with the specific shades I’ve chosen.

The colors are as follows:

Background: Light blush (#fff7f7)
Heading: Magenta (#a01f64)
Teal: (#1F93A1)

You might also notice a crown icon in the header. This is because my family name is King, and since this is a personal blog, I wanted to include something that connects to that theme.

I’d appreciate your feedback on whether these colors work well together or if they might give an unintended impression.

Thanks for your help!

It’s clean, but I find it a bit hard on the eyes (just another sign I’m getting old)

  • I would hazard a guess that the colored background sections would fail accessibility testing for not enough contrast. The teal color for sure. Doesn’t look like pure white, which might be the problem. Or font size/style. Not sure which.
  • Perhaps add some grey to the background. Darkening or muting it just a tad would do make your content pop.
1 Like

Thank you for the suggestions. Indeed, the colors I chose are quite strong, especially the one in the header. I switched to blue to see how it works. I also changed the font to “Inter” and for the headlines, I chose “Merriweather.” I opted for a clean white background. I’ve noticed many suggest it’s not the best option, but it offers good contrast. What do you think of this version? Could it work as a generic option for now, with potential adjustments in the future?

Header background: #07447c (dark cerulean)
Button background: #ed8932 (a shade of orange). Maybe I should go with a tail?

That is a good word…generic. It looks like hundreds of other sites and lacks personality.

Personally, I liked the colored background in the previous version as it broke up the view - just didn’t like the shade chosen.

One other thing which is throwing me off. Your icon is positioned so it starts just outside your content, but the menu ends right at the edge of your content. It’s throwing off the balance there and now that I see it, it’s all I see.

That is a good word…generic. It looks like hundreds of other sites and lacks personality.

That is indeed true.

Personally, I liked the colored background in the previous version as it broke up the view - just didn’t like the shade chosen.

When you mentioned that you liked the colored background, were you referring to the background of the header? Sorry if I misunderstood. I’m not a native English speaker.

One other thing which is throwing me off. Your icon is positioned so it starts just outside your content, but the menu ends right at the edge of your content. It’s throwing off the balance there and now that I see it, it’s all I see.

That is true. I still need to work on that. I’m not sure if I’ll keep the crown; I might just go with text, but my full name, “Zoltan Kiraly”, is too long. Maybe I could use just the initials “ZK” with a specific font. The crown feels too sharp and seems to detract from the prettiness of the color.

This second version uses #FAF1F0 as background color (also known as snow). It is just a notch darker than the previous blush color #FFF7F7.

I’m not sure whether to go back to the card view, which had a bit of shadow, or not. Making that pure white will make the content pop more, like so:

No I meant the body background with the card view.

I personally find card viewers more enjoyable for reading. The content sticks out more and seems to have more importance. I just didn’t care for the #FFF6F7 color choice. I was just suggesting changing that to something more muted like #e9e2e4 or #f4f0f1

Not sure how to advise for dark mode since I don’t typically use it (though I code with it, go figure…)

I think that’s because the crown seems to be a brighter white than the font. If you swapped those and made the crown more muted and the font brighter, I think it’d balance out better. Just a thought.

Just one last question, and then this thread can be considered closed.

I’ve decided to use my full name for the logo. However, I’m unsure whether it would be better for the text to be aligned with the footer text, as shown in picture “a”, or aligned with the blog post headings, as shown in pictures “b” and “c”.

Any suggestions would be greatly appreciated.

I would use B/C. Not that there’s much difference. Your layout is focusing the user’s attention inwards towards the center.

I personally would pick A, but I can see @m_hutley’s point.

But if you pick B/C. then you need to pull in the links on the right a bit as well. Otherwise you’ll have the same unbalanced issue that was there when the crown was there.