Photoshop Templates

Overview

The Photoshop project files below contain template-sized versions of many modules and page options for TP4. Use these as part of your early, rough design and visualization process to quickly mock up and compare different design ideas.

With standard copy and paste, you can combine the project files together and see how elements would look when laid out.  You can then easily swap and move elements.

To download a file, right-click the file link and select “Save target as.”

Pages

• TP4 Sample Page without Left Navigation [PSD – 8 MB]
• TP4 Sample Page with Left Navigation [PSD – 5 MB]

Navigation Buttons

• Horizontal Button, No Padding [PSD – 578 KB]
• Vertical Button, No Padding [PSD – 559 KB]
• Vertical Button, Large Icon [PSD – 84 KB]

Cards and Text Boxes

• Horizontal Card with Side-by-Side Sections [PSD – 1 MB]
• Horizontal Card, Super Wide [PSD – 1 MB]
• Vertical Card with Stacked Sections [PSD – 774 KB]
• Horizontal Text Box with Title [PSD – 152 KB]
• Horizontal Text Box with Title and Button [PSD – 158 KB]
• Vertical Text Box [PSD – 612 KB]
• Vertical Text Box with Title [PSD – 731 KB]
• Text Box — Viewport 1 [PSD – 539 KB]
• Text Box — Viewport 6 [PSD – 437 KB]

Images

• Image Carousel [PSD – 2 MB]
• Jumbotron White Caption Background Centered [PSD – 2 MB]
• Jumbotron Left Caption White Background [PSD – 1 MB]
• Jumbotron Top Caption Black Background [PSD – 1 MB]
• Jumbotron Left Caption 33% Black Background With Button [PSD – 4 MB]
• Large Image Viewer [PSD – 2 MB]
• Long Vertical Image with Caption [PSD – 809 KB]
• Inline-Paragraph Image with Caption [PSD – 752 KB]