A ready-to-use ai meeting notes mockup on MacBook Pro 14-inch and iPhone 17 Pro in a floating 3D view in dark mode. It is generated in your browser — open it in the editor above, adjust anything and download.

What’s on the screen
The desktop screen is an AI note-taker: a playback bar with waveform, a timestamped transcript with speakers and an AI summary panel with decisions and action items assigned to people. On the phone it is a live recording screen with a large timer, a waveform, a live AI summary and record controls.
The device
Two devices share the frame: a MacBook Pro 14-inch in Space Black shows the desktop version and an iPhone 17 Pro in Silver shows the mobile version of the same product, the classic responsive hero shot.
Angle and style
The device floats and is slightly tilted, a dynamic 3D shot that feels like a product photo and stands out in social posts and launch images.
The interface uses the dark theme with the orange accent color and soft cards with gentle shadows. The scene is placed on a deep night gradient with a soft shadow.
Details
| Screen | AI Meeting Notes (desktop + mobile) |
|---|---|
| Device | MacBook Pro 14-inch and iPhone 17 Pro |
| Color | Space Black / Silver |
| Angle | Floating 3D |
| Theme | Dark |
| Accent | orange |
| Background | deep night gradient |
| Formats | PNG, JPG, WebP |
| Sizes | Auto (up to 3000 px), 1200×630, 1270×760, 1600×1200, 1080×1080, 1080×1350, 1920×1080 |
Good for
- Meeting and transcription apps
- Voice AI products
- Productivity tool websites
- Remote-work articles
Questions
Can I download this ai meeting notes mockup for free?
Yes. The editor at the top of this page is already set up exactly like the image. Press “Download” to get a high-resolution PNG, or change anything first. No account is needed and you can use it commercially.
Can I put my own screenshot on this MacBook Pro 14-inch and iPhone 17 Pro?
Yes. Click “Your screenshot” or drop an image on the preview. It replaces the generated ai meeting notes and never leaves your browser.
Can I change the colors of this ai meeting notes?
Yes. Pick one of 8 accent colors, switch between light and dark, or choose the Soft, Sharp or Glass style. “New variant” generates different data and names.
Similar mockups
AI Meeting Notes on MacBook Pro 14-inch Mockup — Right Angle
AI Meeting Notes on iPhone 17 Pro Mockup — Left Angle
AI Meeting Notes on Browser Window Mockup
AI Image Generator on MacBook Pro 14-inch and iPhone 17 Pro Mockup — Isometric, Dark Mode
AI Chat on MacBook Pro 14-inch and iPhone 17 Pro Mockup — Right Angle
Finance App on MacBook Pro 14-inch and iPhone 17 Pro Mockup — Left Angle
Chat App on MacBook Pro 14-inch and iPhone 17 Pro Mockup
E-commerce Store on MacBook Pro 14-inch and iPhone 17 Pro Mockup — Left Angle