Add high-quality product mockup images for all items

Apparel (8 mockups):
- Polo front/back: logo LEFT chest, slogan across shoulders
- Jacket front/back: logo LEFT chest, slogan across shoulders
- T-shirt front/back: logo LEFT chest, slogan across shoulders
- Structured cap: KIT on front panel
- Beanie: cobalt woven patch on cuff

Promo (6 mockups):
- Coffee mug, mousepad, tumbler, pen, sticker, lanyard

Print (4 mockups):
- Business card front/back, retractable banner, yard sign

Vehicle (1 mockup):
- Magnetic door sign

Digital (2 mockups):
- Email signature, social media template

All images 2400x1800px PNG. No FREE WIFI or Keeping IT Real references.
This commit is contained in:
2026-04-10 20:16:28 +00:00
parent 7cfa3f00fa
commit dfba72b4f0
27 changed files with 63 additions and 11 deletions
+48 -11
View File
@@ -1,21 +1,58 @@
# Mockups
Visual mockups showing brand assets applied to real-world applications.
Visual mockups showing brand assets applied to real-world products. All images are 2400x1800px PNG.
## Files
## Apparel
| File | Description |
|-------------------------|-------------------------------------------------------|
| `service-van-wrap.png` | Mercedes Sprinter van wrap: side, front, and rear views |
| File | Description |
|-------------------------------|----------------------------------------------------|
| `apparel/polo-front.png` | Navy polo, white logo on LEFT chest |
| `apparel/polo-back.png` | Navy polo back, slogan across shoulders |
| `apparel/jacket-front.png` | Black softshell, white logo on LEFT chest |
| `apparel/jacket-back.png` | Black softshell back, slogan across shoulders |
| `apparel/tshirt-front.png` | White tee, blue logo LEFT chest + center tagline |
| `apparel/tshirt-back.png` | White tee back, slogan across shoulders |
| `apparel/hat-front.png` | Navy structured cap, "KIT" on front panel |
| `apparel/beanie.png` | Navy beanie, cobalt woven patch on cuff |
## Promotional Products
| File | Description |
|-------------------------------|----------------------------------------------------|
| `promo/coffee-mug.png` | 11oz white ceramic mug, cobalt logo + tagline |
| `promo/mousepad.png` | Dark navy mousepad, full bleed with contact info |
| `promo/insulated-tumbler.png` | 20oz navy tumbler with white logo |
| `promo/branded-pen.png` | Cobalt blue barrel, white imprint |
| `promo/die-cut-sticker.png` | Vinyl sticker, blue on white with URL |
| `promo/lanyard.png` | Cobalt lanyard, repeating white wordmark |
## Print and Signage
| File | Description |
|----------------------------------|-------------------------------------------------|
| `print/business-card-front.png` | White front with logo, contact, K accent |
| `print/business-card-back.png` | Full cobalt blue back with white logo |
| `print/retractable-banner.png` | 33" x 80" banner with services list |
| `print/yard-sign.png` | 18" x 24" coroplast with H-stake |
## Vehicle Graphics
| File | Description |
|----------------------------------|-------------------------------------------------|
| `service-van-wrap.png` | Sprinter van wrap, side/front/rear views |
| `vehicle/magnetic-door-sign.png` | 12" x 18" magnetic sign for personal vehicles |
## Digital
| File | Description |
|-------------------------------------|----------------------------------------------|
| `digital/email-signature.png` | HTML email signature layout |
| `digital/social-media-template.png` | 1080x1080 square post template |
## Van Wrap Details
The service van mockup demonstrates the approved vehicle graphic treatment:
The service van wrap mockup demonstrates the approved vehicle graphic treatment:
- **Side panel:** Wordmark + circuit board pattern + keylinkit.com + (615) 475-0145
- **Rear:** Full wordmark + "Relax, I Can Fix IT!" tagline + service list (IT Services, Networking & Wiring, Data Recovery & Backup, Web Design, Cloud Services, VoIP Phone Services) + contact info
- **Front:** Wordmark + "Relax, I Can Fix IT!" tagline + keylinkit.com
## Adding Mockups
Place new mockup files here for apparel proofs, signage renders, trade show booth layouts, business card designs, etc. Use descriptive filenames in kebab-case (e.g., `polo-left-chest-proof.png`, `trade-show-banner-10ft.png`).
- **Front:** Wordmark + tagline + keylinkit.com
+3
View File
@@ -0,0 +1,3 @@
# Apparel Mockups
See parent [README.md](../README.md) for complete file listing and descriptions.
Binary file not shown.

After

Width:  |  Height:  |  Size: 59 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 77 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 81 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 82 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 118 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 127 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 70 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 87 KiB

+3
View File
@@ -0,0 +1,3 @@
# Digital Mockups
See parent [README.md](../README.md) for complete file listing and descriptions.
Binary file not shown.

After

Width:  |  Height:  |  Size: 73 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 79 KiB

+3
View File
@@ -0,0 +1,3 @@
# Print Mockups
See parent [README.md](../README.md) for complete file listing and descriptions.
Binary file not shown.

After

Width:  |  Height:  |  Size: 52 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 86 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 114 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 75 KiB

+3
View File
@@ -0,0 +1,3 @@
# Promo Mockups
See parent [README.md](../README.md) for complete file listing and descriptions.
Binary file not shown.

After

Width:  |  Height:  |  Size: 47 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 83 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 74 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 77 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 61 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 83 KiB

+3
View File
@@ -0,0 +1,3 @@
# Vehicle Mockups
See parent [README.md](../README.md) for complete file listing and descriptions.
Binary file not shown.

After

Width:  |  Height:  |  Size: 78 KiB