Mmm, paper.

Tags

1. 31 photoshop
2. 23 white
3. 21 helvetica
4. 21 rgba
5. 20 texture
6. 19 helvetica neue
7. 14 noise
8. 13 red
9. 9 border
10. 8 paper
11. 7 brown
12. 5 opacity
13. 4 email
14. 4 mailchimp
15. 4 template
16. 3 photo
17. 1 nyc

15 Responses

1. Pro Dan Rubin

   I can't stop looking at this intersection.

   over 1 year ago

2. Pro Luke Dorny

   "I like the feel of this project!"

   over 1 year ago

3. Doug Stewart

   I like how you have the text flush up against the edge, but you might want to mask the bottom of it as you have a few areas where it crosses over a pixel or two, such as the A and S.

   over 1 year ago

4. Pro Dan Rubin

   @Doug: Normally I would, but this will be HTML text (in an HTML email, no less) so no such pixel trickery can be used :(

   over 1 year ago

5. Pro Alex Newman

   absolute position some of that textured brown at the top of the content area to go over it... although I don't know how nicely that'd act cross platform. Probably wouldn't work. My last email I used LitmusApp with pretty good results for testing

   over 1 year ago

6. 

   Rebound Excuse the fadedness. Photoshop is the suck. June 15, 2010

   Rebound

   Rebound

   by Alex Newman

   Excuse the fadedness. Photoshop is the suck.

   • 3
   • 2
   • 363

   over 1 year ago

7. Pro Dan Rubin

   @Alex: Can't do a lot of fancy CSS in HTML emails, unfortunately — however, I've done many absolute positioning/z-index/assorted other CSS tricks when the target is a browser (though support for things gets a bit iffy if you're too tricky).

   over 1 year ago

8. Pro Dan Rubin

   @Frank: What you said :)

   It's awkward when such a small amount of the letterform gets clipped, IMO.

   over 1 year ago

9. Doug Stewart

   @Dan: Then a negative margin of 2px should have the same effect. Worth a shot, eh? Then again, I'm obsessive about little details when I notice them. Not always a good thing...

   over 1 year ago

10. Pro Dan Rubin

    @Doug: oh it could certainly be done if that's what I wanted, but as Frank notes above, that would unnecessarily clip the letterforms, and lose the descenders, too.

    over 1 year ago

11. Pro Allison Grayce

    Really unique header type treatment! Love the textures and the colors. I'm not sure whether the register now button would look better left aligned with the header or type itself the way you have it now. Just something to look at!

    over 1 year ago

12. Pro Dan Rubin

    @Allison: Thanks! I tried a few different alignments, but chose this in the end because this particular design attempts to use a basic grid quite strictly, so the alignment of text elements was paramount.

    You'll also notice the border of the image hanging outside the (invisible) grid — I like this sort of effect: it creates just enough balance so everything isn't just teetering on a single, left-aligned point.

    1likes

    over 1 year ago

13. Pro Pete Lacey

    I like it. Whereas clipping, masking.etc could possibly work if this was going to be a website, I don't think any mere mortal could pull that off consistently and effectively in a HTML email.

    But I'd have to side with Frank, it'd hurt the optics. If you're going to crop a typeface, you crop a sizable chunk, not just a few px.

    So yeah, this floats my boat :)

    over 1 year ago

14. Pro Matthew Smith

    @Dan, hhhotness. Fun to see the other designers variations on these templates.

    over 1 year ago

15. Pro Dan Rubin

    @Matthew: indeed — can't wait to see everyone's complete designs :)

    over 1 year ago