Skip to main content

Home

The home page to your site is your customers first impression of your help content. It is important that you create an organized introduction to your users so they 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.

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)

Home - category - detailed

The category with a detailed view is one of the three recommended page templates for your home page. These mockups include all supported screen sizes for each type of user: pro member, community member, and anonymous.

Download: Home - category - detailed.zip

Home - category - simplified

The category with a simplified view is the second type of template recommended for your home page. These mockups include all supported screen sizes for each type of user: pro member, community member, and anonymous.

Download: Home - category - simplified.zip

Home - guide

The home page with guide, along with the two previous category templates, make up the recommended page templates for your home page. 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?