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 Expert 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 Expert. 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
