Notebook Mockup Notebook

Three mockup scene variants show a royal blue hardcover notebook alongside an orange-framed smartphone, each captured from a slightly different overhead angle on a light stone-textured surface. The notebook features a diagonal geometric graphic on its cover, a matching blue elastic band, a gold ribbon bookmark, and a spine with visible ribbed texture. The phone screen displays a placeholder app UI with blue and amber color blocks, readable at close range in each scene. A wooden shelf edge appears in two of the three compositions, adding depth without dominating the frame.

Customization

• Notebook cover artwork swapped through a smart object layer
• Phone screen content replaced by placing your app UI or screenshot into the embedded display layer
• Surface color or background tone adjustable via fill layer
• Bookmark ribbon color editable as a solid color layer
• Phone frame color changeable through a dedicated color overlay

File anatomy

• Layered Photoshop file (.psd) with scene variants organized as separate layer groups
• Affinity file (.af) version included for Affinity Designer users
• Help.pdf with step-by-step editing notes for each smart object placement

Important

• Placeholder app UI shown on screen is for preview only and is not included as a separate asset
• Notebook brand logo and app interface text shown in preview are placeholder labels inside the smart object
• Stock photography, fonts used in the preview UI, and any third-party brand assets are not included