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.
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.
DownloadDownloaded 47652 times
Freehand
A sketch sheet containing just a browser mockup (no grids, no guides). For unconventional web designers!
DownloadDownloaded 24868 times
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.
DownloadDownloaded 20802 times
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.
DownloadDownloaded 32308 times960 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 guttersFrameworks 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
DownloadDownloaded 18539 times12 cols / 70px cols width / 5px margins / 10px gutters- 960px width
- 12 columns
- 70px columns width
- 5px L/R outer margins
- 10px gutters
DownloadDownloaded 8286 times16 cols / 40px cols width / 10px margins / 20px gutters- 960px width
- 16 columns
- 40px columns width
- 10px L/R outer margins
- 20px gutters
DownloadDownloaded 8091 times978px 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
DownloadDownloaded 5178 times12 cols / 54px cols width / 12px margins / 30px guttersGrid 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
DownloadDownloaded 5024 times980px 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
DownloadDownloaded 7581 times992px 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 guttersGrid systems using this layout: Less Framework 4.
- 992px width
- 10 columns
- 68px columns width
- 48px L/R outer margins
- 24px gutters
DownloadDownloaded 5651 times1140px 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 guttersGrid 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
DownloadDownloaded 16527 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.