Browser Sketch Sheets

Quickly design awesome website wireframes and mockups on our Sneakpeekit Browser©. We provide a large sketch sheets collection with many different canvasses, grids and PSD grid templates. Any sketch sheet is a ready-to-print A4 PDF template. We have included PSD Photoshop grid templates too for quickly converting your sketch in a graphic mockup.

Free License: Feel free to download and use our templates for personal projects with attribution back to sneakpeekit.com. Remember that you may not sell, distribute or offer for download our files on other websites. Promotion is appreciated.

4-up browsers
Freehand
3/4 columns browser
Wireframe browser
960px
978px
980px
992px
1140px

  • 4-up browsers for quick drafts

    For Quick Drafts

    This sketch sheet has been created for designers who are at the very start of a project and don’t want to waste too much paper. Four mini-browser into a single sheet, without grids. Just for quick drafts.

    Download

    Downloaded 33178 times

  • freehand browser for quick drafts

    Freehand

    A sketch sheet containing just a browser mockup (no grids, no guides). For unconventional web designers!

    Download

    Downloaded 17487 times

  • browser mockup with guides

    3/4 Columns Browser

    Browser mockup contained into this sketch sheet is a standard 960px width box, with no grids. It has been subdivided into 3 columns (grey dotted guides) and 4 columns (blue dotted guides). Ideal for design freehand layouts at with 2, 3 and 4 columns.

    Download

    Downloaded 14934 times

  • browser mockup with 5px grid

    Simple Wireframe Browser

    An other great browser mockup containing a generic 5px grid. Grid contains 1140px, 960px, 768px, 640px, 480px and 320px guides for maximum design flexibility and easiness.

    Download

    Downloaded 22701 times

  • 960 Grid Systems

    960 grids system are the most used by web designers. Maybe it is the best choice for blogs, portfolios, agency and business websites. It provides great flexibility and can be used with a wide range of columns. Furthermore, there are a lot of ready made css frameworks and grid systems based on 960 width layout. The most popular is 960 Grid System, but there are many responsive layouts too like The Semantic grid system or Bootstrap from Twitter.

    12 cols / 60px cols width / 10px margins / 20px gutters

    Frameworks and grid systems using this layout: 960 Grid System, The Semantic grid system, Bootstrap from Twitter.

    • 960px width
    • 12 columns
    • 60px columns width
    • 10px L/R outer margins
    • 20px gutters
    Download

    Downloaded 13899 times

    12 cols / 70px cols width / 5px margins / 10px gutters
    • 960px width
    • 12 columns
    • 70px columns width
    • 5px L/R outer margins
    • 10px gutters
    Download

    Downloaded 6271 times

    16 cols / 40px cols width / 10px margins / 20px gutters
    • 960px width
    • 16 columns
    • 40px columns width
    • 10px L/R outer margins
    • 20px gutters
    Download

    Downloaded 6283 times

  • 978px width

    Many web designers believe that 978px is better than 960px because it is “simple“. It provides great visual benefits because of wider gutters, maybe better for modern design. An important point is that it is used by 978 Grid System, a very popular responsive grid system.

    12 cols / 54px cols width / no margins / 30px gutters
    • 978px width
    • 12 columns
    • 54px columns width
    • no L/R outer margins
    • 30px gutters
    Download

    Downloaded 3869 times

    12 cols / 54px cols width / 12px margins / 30px gutters

    Grid systems using this layout: 978 Grid System.
    Note: Real width is 1002px, but we have decided to included it into 978px templates because of “978 Grid System”.

    • 1002px width
    • 12 columns
    • 54px columns width
    • 12px L/R outer margins
    • 12px gutters
    Download

    Downloaded 3782 times

  • 980px width

    Some web designers prefer 980px width layouts because they feel more comfortable with it. Actually, there’s not a great difference with a 960px grid system but, you know, life is made up of choices!

    12 cols / 60px cols width / 20px margins / 20px gutters
    • 980px width
    • 12 columns
    • 60px columns width
    • 20px L/R outer margins
    • 20px gutters
    Download

    Downloaded 5769 times

  • 992px width

    992px grid system has been becoming popular since Less Framework 4 came out. Less Framework is a responsive grid system that works great with the most common devices (desktops, laptops, tablets, smartphones). Besides, a wide container makes web designer feel much more comfortable.

    10 cols / 68px cols width / 48px margins / 24px gutters

    Grid systems using this layout: Less Framework 4.

    • 992px width
    • 10 columns
    • 68px columns width
    • 48px L/R outer margins
    • 24px gutters
    Download

    Downloaded 4238 times

  • 1140px width

    Wider layouts are better for news portals and magazines. If you need to make a website full of content, we suggest you to choose a 1140px framework. 1140px grid system has been becoming popular since 1140 Css Grid came out. Obviously, it is responsive.

    12 cols / 55px cols width / no margins / 43-44px gutters

    Grid systems using this layout: 1140 Css Grid.

    NOTE: Photoshop grids are slightly irregular because 1140 Css Grid is based on how it’s displayed in WebKit, so it’s actually 1133px, as all browsers round sub-pixels slightly differently.

    • 1140px width
    • 12 columns
    • 55px columns width
    • no L/R outer margins
    • 43/44px gutters
    Download

    Downloaded 11060 times

Sneakpeekit Pad

 

 

For designing responsive layouts of your websites or Pad / iPad applications.

Sneakpeekit Mobile

 

 

For designing responsive layouts (vertical 320px / horizontal 480px) of your websites or iPhone / Android apps.

Sneakpeekit Wireframe

 

 

Sneakpeekit Wireframe© is an essential tool for web designers, developers or graphic designers.

Advertise

Contact us if you want to buy this ad space on this page.