cialis online pharmacy generic xenical cheap cialis online cialis generic viagra online in canada buy cheap levitra online cialis without a perscription order viagra uk no prescription flagyl cheap generic levitra buying viagra in the uk cheap viagra approved cialis deltasone online buy viagra online without prescription non prescription cialis buy orlistat uk buy cialis in india prednisone 60 mg female viagra online buy viagra without prescription celebrex prescriptions buy cialis canada best prices viagra alternative to prednisone cheapest generic levitra levitra 5mg cheap viagra cialis on line buy xenical without prescription online accutane canadian health care prednisone no prescreption viagra online generic female viagra europe buy cialis low price cheap india viagra

How to Create A Basic Hipster-Style Layout

hipster_design

So you loved the layout before it became cool. Well, here’s how to recreate the ideology into a basic layout design that will make you fit in with the hat-scarf-and-oversize glasses-toting culture. Ironically, of course.

1. For your background, use a photo that will occupy the entire screen. Neutral images are preferred.

road
Image source: Hdhqimg.com

2. Use mixed typography. We cannot emphasize enough how much retro-inspired fonts will work here.

fonts
Image source: Myfonts.com

3. Make sure that parts of your text are white. But don’t use too much text.

blanch-font
Image source: Losttype.com

4. Age your background image by reducing its saturation, or use a retro (usually 50′s or 60′s) filter to achieve a vintage effect. You can also blur and lighten it to make it look dreamlike.

ScreenHunter_12 Jul. 30 13.56

5. Add a bit of decorative elements, which can be either modern and graphic, or old-school. Make sure they don’t overpower the image, and are in mostly flat and muted colors.

vintage-graphic
Image source: 123rf.com

graphic
Image source: Depositphotos.com

6. If you’re adding any links or buttons, they have to be subtle and minimalistic.

hipster-layout
Image source: Designmeltdown.com

7. Now put them together. Be sure that the background image stands out most. Check out the samples below:

loisjeans
Loisjeans

the-q-camera
Theqcamera

urbanoff
Urbanoff

And voila! Your trendy yet non-mainstream hipster layout is done.

Related Posts

How to Efficiently Link to Existing WordPress Posts

How to Create a Custom WordPress Registration Form with Flat UI

How to Style Nav Links Using Floats With HTML5 and CSS3

How to Choose The Right Web Designer For You

1 Comment

  1. ctitzee12

    08.01.2014

    please guide me i don’t know about hipster layout..