Skip to main content
MindTouch Success Center

Homepage mockups

Create an organized homepage experience so your users can find the information they need quickly. Your home page does not need to use one of the MindTouch default templates, but the templates will help get your site launched faster. Use the following mockups while creating your site design so you can customize all aspects of your home page while maintaining a consistent and reliable design.

Screen sizes

Responsive screen size breakdown used in MindTouch. Approximated pixel values are displayed alongside their em units for easier reference.

  • Large Desktop (87.5 em = 1400 px)
  • Desktop (80 em = 1280 px)
  • Laptop (65.25 em = 1044 px)
  • Tablet - landscape (50 em = 800 px)
  • Tablet - portrait (37.5 em = 600 px)
  • Mobile - landscape (25 em = 480 px)
  • Mobile - portrait (18.75 em = 320 px)

Homepage views

Category - Detailed

The category with a Detailed view is one of the three recommended page templates for your homepage. These mockups include all supported screen sizes for each type of user: Pro Member, Community Member, and Anonymous.

Download: Home - category - detailed.zip

Category - Simplified

The category with a Simplified view is the second type of template recommended for your homepage. These mockups include all supported screen sizes for each type of user: Pro Member, Community Member, and Anonymous.

Download: Home - category - simplified.zip

Guide example

The homepage with Guide, along with the two previous Category templates, make up the recommended page templates for your homepage. These mockups include all supported screen sizes for each type of user: Pro Member, Community Member, and Anonymous.

Download: Home - guide.zip

  • Was this article helpful?