This looks great! Colors, patterns, icons perfect.
My only comment would be the text, I dont see a need to make "numbers" or "posters" break, it looks like there is enough room there. Also I would move the "collect them all" background down a bit so it doesn't touch the line on the top.
The text is placeholder, and though you can't see the text-box boundary, it just *happens* with this text to break like that in Photoshop (doubt it will happen in HTML, but that's the next step). The edge of the layout (the 600px mark for email) is 5px to the right of the background on "Forward this email to a Friend".
The idea on the "Collect them all!" background is that it'll actually be the link background (with that link within the paragraph — it just wraps a bit like a separate button here). I had it with less padding originally, but it felt odd and a bit too constrictive. Making it align to the baseline of the previous line sort of feels right to me, and creates a tiny amount of dissonance which should bring a little more attention to the link.
@Dan: Gotchya yea photoshop tends to do that, silly me forgot about that. Makes me wonder if good ol' Adobe has an option to switch that off...hmm.
I definitely like the link background, I think it adds a lot, but still feeling that there should be more spacing. Maybe a larger line-space to the whole sentence.
9 Responses
Pro
Dan Rubin
I <3 simple pixel patterns.
almost 2 years ago
This looks great! Colors, patterns, icons perfect.
My only comment would be the text, I dont see a need to make "numbers" or "posters" break, it looks like there is enough room there. Also I would move the "collect them all" background down a bit so it doesn't touch the line on the top.
I dig.
almost 2 years ago
Pro
Dan Rubin
@Yaron: Thanks, glad you like!
The text is placeholder, and though you can't see the text-box boundary, it just *happens* with this text to break like that in Photoshop (doubt it will happen in HTML, but that's the next step). The edge of the layout (the 600px mark for email) is 5px to the right of the background on "Forward this email to a Friend".
The idea on the "Collect them all!" background is that it'll actually be the link background (with that link within the paragraph — it just wraps a bit like a separate button here). I had it with less padding originally, but it felt odd and a bit too constrictive. Making it align to the baseline of the previous line sort of feels right to me, and creates a tiny amount of dissonance which should bring a little more attention to the link.
almost 2 years ago
@Dan: Gotchya yea photoshop tends to do that, silly me forgot about that. Makes me wonder if good ol' Adobe has an option to switch that off...hmm.
I definitely like the link background, I think it adds a lot, but still feeling that there should be more spacing. Maybe a larger line-space to the whole sentence.
None-the-less this is great work!
almost 2 years ago
Pro
Corey Haggard
Those colors are awesome!
almost 2 years ago
Awesome colors and background. Love it!
almost 2 years ago
Pro
₍˄ุ.͡˳̫.˄ุ₎
You can turn off hyphenation in Photoshop.
almost 2 years ago
So, after a zillion years of working with Photoshop, I finally found it :) turn off hyphenation.
almost 2 years ago
Pro
Dan Rubin
@jina: doh! It's been years since I've turned off hyphenation in PS! Thanks for the reminder :D
almost 2 years ago