One page website with sections


What’s the recommended approach for one page websites which are now pretty popular with tablets, etc.

More specifically, I’m wondering about:

  • Dimensions
  • Keeping track of what’s above the fold
  • Links to sections in the page (bookmarks)


I think I would use H.Rules with the last two strokes.
You can then put in the upper part (or the part below the stroke) a link or button or whatever to link to the new Mockup showing the upper part (or the part below the current).

So you will be able to focus on the given part of the site in your mockup and dont need to have only one mockup.


I really want to create a long mockup because I think it’s important to be able to recreate that user experience (they browse up and down to compare offerings, etc.) - Splitting it in multiple mockups would lose that important experience. I take it you don’t have bookmarks in one mockup?



Oops, looks like there is a size limit to mockups?


Hey @fredlumiere

Mockups’ canvas size is limited to 4056x4056 right now, but it’s something we hope to be able to extend in the future.

Something else that might be useful to you is our Bootstrap Templates on our Mockups to Go community site. Here is how to use it.

Let us know if you have any other questions. :slight_smile:


OK thanks. I’m going to be using Sketch for now, but I appreciate the help!