提示词
有几个人询问提示词,所以放在这里 👇
附言:根据你的使用场景进行调整。
创建一个现代、极简的 3D 发票生成器机器组件,采用高级 SaaS 风格美学。
视觉设计
- 设计一台宽幅横向的发票打印机,灵感来自小票打印机,但外观未来感十足且干净利落。
- 使用细微的灰色线条、柔和阴影和极少细节。
- 机器应显得高级、轻盈而现代,而不是写实或工业化。
- 保持整体设计足够干净,使其可以放入仪表盘或落地页的 Hero 区域。
- 直接在机器上添加一个醒目的 Print Invoice 按钮。
动画
当用户点击 Print Invoice 按钮时:
- 机器应做出细微的按压或点击动画。
- 一张收据应逐渐从打印机槽口中伸出。
- 收据必须从机器内部平滑地移动到外部,让人感觉它确实正在被打印。
- 动画应显得真实、流畅且令人满足。
- 收据应逐行滑出,而不是瞬间出现。
- 加入轻微的运动缓动和细微的纸张移动,以增强真实感。
收据设计
收据应保持极简且可编辑。
不要填入复杂的客户信息。
使用如下占位内容:
客户姓名
产品
总金额
收据应看起来像干净的发票预览,而不是详细账单。
交互
- 收据初始时应隐藏。
- 只有在点击 Print Invoice 按钮后,收据才应出现。
- 用户每次点击按钮时都应可以重复播放动画。
- 全程加入平滑过渡和微交互。
风格参考
Apple 式极简主义
Linear / Stripe 设计品质
高级 SaaS 仪表盘美学
柔和灰色线条
干净的排版
现代 3D 插画
高度重视交互细节
目标:
创造一种令人愉悦的视觉体验,让用户感觉发票确实是从一台漂亮的 3D 机器中生成并打印出来的,而不是简单地出现在屏幕上。原文提示词(English)
Few people asked for the prompt, so here it is 👇
PS: Tweak it based on your use case.
Create a modern, minimal 3D Invoice Generator Machine component with a premium SaaS-style aesthetic.
Visual Design
- Design a wide, horizontal invoice printing machine inspired by receipt printers, but with a futuristic and clean appearance.
- Use subtle gray strokes, soft shadows, and minimal details.
- The machine should feel premium, lightweight, and modern rather than realistic or industrial.
- Keep the overall design clean enough to fit inside a dashboard or landing page hero section.
- Add a single prominent "Print Invoice" button directly on the machine.
Animation
When the user clicks the "Print Invoice" button:
- The machine should react with a subtle press/click animation.
- A receipt should gradually emerge from the printer slot.
- The receipt must animate smoothly from inside the machine to outside, giving the impression that it is being physically printed.
- The animation should feel realistic, fluid, and satisfying.
- The receipt should slide out line-by-line rather than appearing instantly.
- Add slight motion easing and subtle paper movement for realism.
Receipt Design
The receipt should remain highly minimal and editable.
Do NOT fill it with complex customer information.
Use placeholder content such as:
Customer Name
Product
Total Amount
The receipt should look like a clean invoice preview rather than a detailed bill.
Interaction
- The receipt should be hidden initially.
- It should only appear after clicking the Print Invoice button.
- The animation should be repeatable every time the user clicks the button.
- Include smooth transitions and micro-interactions throughout.
Style References
Apple-style minimalism
Linear / Stripe design quality
Premium SaaS dashboard aesthetic
Soft gray strokes
Clean typography
Modern 3D illustration
High attention to interaction details
Goal:
Create a delightful visual experience where users feel like an invoice is actually being generated and printed from a beautiful 3D machine, rather than simply appearing on the screen.建议模型
AI UI Builder / GPT-5.6 Sol
视频地址
https://media.goodcase.ai/media/video/3d-saas-2b0c021f6a2f.mp4