Forums

Header Feedback

3 for me too, Chris. Have you thought about having the borders match the width of the 1/3 grid column below? It feels slightly off for me as it is currently a bit longer.

Also, that subscribe button doesn’t feel right to me. As it is one of the highest contrast parts of the page, it draws your attention earlier than I feel it should. Also, the borders surrounding it seem a little too much, and finally, it feels like it should be elsewhere.

I think if you were to move it somewhere else, then the borders would look better as there wouldn’t be two in such close proximity, which would help with the balance of the page.

Perhaps placing it in the footer might work? But I would look at using a lighter background, or removing the background colour altogether.

Either way, nice work, man. This is looking really good.

P.S. How does the title look if you tighten the tracking just a little? And how does the body copy look if you reduce the leading slightly?

P.P.S. It would make me very happy if the article titles in the content slider lined up vertically with the content slider’s navigation arrows. Might be easier said than done though.

@joshuanhibbert. Really appreciate that you commented on further from what I was asking!

Th early version of the three blocks where my articles are listed, I had that slightly wider so it did match up appropriately. I didn’t even realize it hadn’t until you just mentioned it. Thanks for bringing that to my attention as obvious as it was. Haha. I paid more attention to how it looked against my name more than anything.

I somewhat agree with the subscribe button. Unfortunately, it doesn’t fit that area if I remove the background or change it to something different. I’ll have to play around with it some more. I was trying to break up the 3 columns of the articles and the two column body copy. You usually see that sort of thing in magazine articles and newspapers. However, if I end up keeping it there, it actually looks really nice if I place the arrows on each side of the button on my iPhone.

I revamped the title with a Brioche ampersand and I think it works quite well and it tightens that up a bit. I’ve received the same feedback about it on Typophile too . With Old Standard (typeface), I’ve noticed a few inconsistencies which I contacted Typekit about. Hopefully it will get resolved immediately. I believe it’s also open source so I might be able to do it myself. I’ll have to check. Anyway, I also reduced the line-height of the paragraph text so it fits more appropriately (what was I thinking?).

Fixed the arrows to line up with the titles.

I think there’s so many inconsistencies, particularly the gaps (margins, padding and line-height) because I designed everything (minus the arrows) from within the browser where I normally use Photoshop/Illustrator to help calculate everything. What a learning experience.

Thanks again, Josh.

Oh and by the way, I made all those changes and uploaded them to a live version. You can check it out here: http://chrisburton.me/dev

I would say 3 right now. I think what @cwork is saying is that most people feel that a longer line should be underlining the text. The shorter line in ver. 2 under the name drops you into the content a little too quickly I think. If there was a version where the length of the top and bottom border were the the longer length, I think would choose that one. Nice design overall ;-)

@teknofu The only problem with having the lines reach full width is that it’s really common which could be why you would advocate that. I was looking for an alternative to which you might also see in magazines and newspapers. So I went with short underlines. Appreciate the feedback regardless and I’ll take that into consideration.

Tips

Categories

We have a pretty good* newsletter.

Email Address

CSS-Tricks* is created, written by, and maintained by Chris Coyier and a team of swell people. It is built on WordPress, hosted by Media Temple, and the assets are served by MaxCDN. The fonts are Source Sans Pro and Source Code Pro. It is made possible through sponsorships from products and services we like.