So I've finally got my blog design to a point I'm happy with. The colour scheme/texture will change with each post, but the structure will remain the same. I wanted to do something without 'overview' imagery (there may be imagery within the content if it's relevant).
Will be wordpress based, fully responsive, almost entirely type (except the textures). Font is 'Rooney Web' (although I used something 'similar' for the body copy in the mockup, as I don't want to purchase a download version just yet).
If there's something you hate, tell me. I mean in general, too.
about 2 years ago
The texture and type go very well together. Looking forward to some more mock-ups.
I really hate slow drivers Matt, or when a cocktail waitress says she'll be right back but never comes.
Thanks! Here's another one...
Just looked at it again after not for a while, and thought "does it need oomph?" So I tried using a bigger, bolder title (in the darker colour).
EDIT: And another option... trying to get the 'tempo' right. http://cl.ly/321f0T3k3p1s2c301E2D
Sorry Joe. I hate them too. I mocked one up 2 weeks ago, liked it, sent it to my buddy to figure out programming (while we were working on something else), then before he got back to me, I went "wait, this sucks". So I remocked it up today, finally, and I'm more confident in this. Just have to get it made.
Nice, I like the texture and font you've used :)
Actually reminds me of CJ Melegrito's blog http://d.pr/MbCO somehow
I don't think it needs a "Woah!-look-at-me-I'm-an-extremely-HUGE-post-title".
Always have the same problem, you like something you make for yourself a little while and then you think, this can be better, this sucks, I need to do this, yada yada yada.
I really like the layout man!
@Seb: Thanks! Any yes it seems we are going for the same idea with the simplicity and structuring.
@Jereon: I think I agree. I'm scratching v2 out. I realized, if anything, it's the opposite of "composed".
Looks alike Trent Walton's blog.
That it does... and I even plan on having different colour combos each post :S
Oh well. I'm not dedicated enough to actually make a custom CSS masthead each post, so I'll never be quite as good :P
I love this. The colors are great and work really well with the textures. I like all of your ideas with the title, so I'm not much help there :P That header is fantastic also - really fits with the whole design. Great job, Matt! Can't wait to see this thing become a reality.
The only thing I would change is the comment avatars - do you think they're required here? Personally I think they feel out of place.
Thanks for the kind words!
As for the comment avs, they would be gravatar based (I'm just using the "default" placeholders in the mockup). I feel like it helps portray a sense of the person making the comment, and makes it easier to see repeat commenters. It also helps to break up the comments and make it more scan-able.
Oh, and I've made a deal with Matt 'Classic' (who I worked with on Crunch) to code this for me, as I redesign his blog (style/layout and architecture). So it's going somewhere!
Reminds me a lot of Trent Walton's site, especially this article: http://trentwalton.com/2011/07/14/content-choreography/
Nonetheless, dig the structure and type.
Yep, look like Trent Walton's blog...I think about mixing it up a little bit.
Thanks for your thoughts gents, and Bart I agree with this scheme it is similar.
I think it's just because of the colour and texture I've used in this example. Every post will be different. If I made it a bright yellow BG with pure black text it wouldn't look the same. For example, here's one I quickly "Galped" (minus futura): http://cl.ly/0b331I1H1n2X1H263w2E
(contrast is effed but you get the idea)
I was just trying to get the type and layout down. I new I wanted a warm serif, something a bit contemporary that's easy to read and not abrasive. I knew I wanted to contrast the type sizes for strong visual contrast. I also new I wanted a very minimal header, as the focus is on the article.
This lead to having the full width of the content area to use for the article, so it made sense to leave a wide margin for the article copy. Looked boring on the right, so I put it on the left. By limiting myself to only one article per page, I needed to have older and newer links, and it made sense they were grouped with the date, as that's what they refer too. I had originally played with putting these just below the header, but that left column was just too enticing. (It'll also allow me to put sidenotes in).
And for those reasons, I'm comfortable with looking a bit like Trent. I could put extra graphics and separators and use indents instead of line-breaks, but that's all just fluff.
Just remembered Matt Gemmell's article "Comments Off" on whether it is actually necessary to have people commenting on the blog itself and how he's turned them off, just thought it might be useful :)
Awesome! Thanks Seb :)
I was considering this myself after noticing the likes of Daring Fireball not having comments, but it's nice to read an actual article about it.
Beautiful! Totally love it :)
almost 2 years ago
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter