Need some input on design

I probably did all the beginner mistakes that can be made. https://i.imgur.com/qMqzR8D.png
Imgur
12 Replies
Kayleberries
Kayleberries16mo ago
Hiyo~ I do like the general direction of the design and the colors you used in the header. One thing I feel you can do that'll improve the feel is giving more "room to breathe" for your design. Like adding more vertical space between the text in your header so it pops out more. Same thing with the numbers in the card. The space between the number and text below looks fine to me, so you can try giving the same amount of space (or a little more) between the number and top of the card and see how that looks. One more thing you can consider is the color contrast between the navbar links and the background image and see if you can find a way to make the nav links pop out more.
d0kefish
d0kefish16mo ago
Thank you, ill try this
d0kefish
d0kefish16mo ago
Is this better/worse?
Unknown User
Unknown User16mo ago
Message Not Public
Sign In & Join Server To View
ghostmonkey
ghostmonkey16mo ago
I'm not a huge fan of either the dark nav bar filter or moving the robot next to the cards. For 2 different reasons. 1. the main issue with the text is the contrast, and it is not just in the navbar, it's in the headline also. So, maybe focus on making the text darker (*light bg / dark text) is a good rule of thumb 2. your aspect ratio is way off. this image is really wide but not very tall, and that is hiding how much empty space is actually in this current design. If this was an aspect ratio closer to what most browser users have, it will feel really empty below these cards, adn the robot there was hiding it better than it does on the side You can work on that by making your content bigger (extending the width of the cards to match the navigation, and making them bigger as a result for example) and finally, unrelated to either of those, this section doesn't feel like a hero section to me, it feels like there should be something before this on the page that entices the user to want to learn the steps to sign up
d0kefish
d0kefish16mo ago
I think I understand this, ill see what can be done @ghostmonkey Im very new to this, but am I understanding it correctly that the page I have now, could be the 2nd page you get to, after you leave the hero-page. On the hero-page I should present for what reason and why someone should continue?
ghostmonkey
ghostmonkey16mo ago
not really a second page, but more content on the main page. So you would keep all this design, you would just insert some sort of hero above it.
d0kefish
d0kefish16mo ago
Okey, so I might scroll down to see this etc.
d0kefish
d0kefish16mo ago
Is this better or worse?
Electronic
Electronic16mo ago
Padding on the boxes Padding bottom on the h1 with numbers Text align: justify on the P.tag Padding top or margin top on the h1 starting with the word generate No need for border radius of nav link keep it boxy at the navlink Pink background doesn't work well on green color and more padding on the sign up Try to keep the colors consistent hover of navlink could be a color already on the page like seagreen