Website Mockup Website

The mockup shows a dark aluminum laptop sitting at a three-quarter angle on a raw concrete surface. The screen displays a website layout with a large bold 'Website' wordmark over a rust-orange and industrial-grey gradient hero section, a navigation bar across the top, and placeholder body copy below. Small orange accent icons and circular graphic elements sit within the screen content, giving the on-screen design a gritty, editorial character.

Make it yours

• Swap the screen artwork via the smart object layer drag your web design or UI screenshot directly in
• Replace the on-screen navigation text and body copy with your own project labels
• Adjust the overall tone of the composition by modifying background brightness
• Use the layered structure to toggle elements on or off independently

About the file

• Layered Photoshop file (.psd) with smart object screen placement
• High-resolution file at 300 DPI, 4000 x 3000 px, landscape orientation
• RGB color space
• Help.pdf included in the package with editing notes

Heads up

• The website design shown on screen is included as a preview only and is not a separately editable template
• Concrete background and laptop device are part of the mockup scene
• Fonts used in the preview are not included; substitute your own in the smart object artwork