Hero Section Comparison Feedback would be nice
I have created multiple versions of the hero section and would like to ask which one is the best and if there are any possible improvements. Thank you in advance!
4 Replies
I think the last (centered) one looks the most polished & balanced.
Thanks also any improvements needed ?
Some of your contrasts aren't that contrasting. You might try a gold
text-stroke on "Beauty" to make it a bit bolder, and maybe a dark gray (or semi-transparent black) stroke around the labels of your gold buttons.
Are you using text-wrap: pretty on the paragraph in the center?With the left aligned options , will there be an image or something on the right side /second col ? These layouts with the left alignment do look like somethings missing. If you were to offset it , I think you’d want the content to take up 2/3 instead of 1/2 of its parent if nothing is in the other half.
Also the first line of the paragraph sticking out looks odd since the rest of the lines of the paragraph are shorter. I’d aim for consistency one way or another in these line breaks . Eg the “in Frankfurt”from line 1 should be the start of line 2.
And agree with dys about checking the contrast levels esp on the buttons with the gold gradient background and white text color as well as the gold gradient on top of both white and black in the nav
Also take a look at the spacing - gap and margins . The space above and below the paragraph element are visually different . It’s one of the most annoying things , because of line heights, text boxes, and different fonts can make spacing look uneven when the values are the same. Having to account for that visual balance is so annoying to me when according to the values it should look even.
text-box-trim is going to help solve some of these problems !