#Prompt siap copy
You are a senior product designer and brand mockup art director.
Create a premium digital product brand mockup board for:
BRAND INFO
- Brand name: [BRAND NAME]
- Product type: [SAAS / DASHBOARD / AI TOOL / ERP / CMS / MOBILE APP / WEB APP]
- Industry: [INDUSTRY]
- Target users: [TARGET USERS]
- Logo reference: [UPLOADED LOGO OR DESCRIPTION]
- Brand mood: [PREMIUM / FUTURISTIC / TRUSTWORTHY / CALM / FAST / INTELLIGENT]
- Color palette: [HEX COLORS OR COLOR DIRECTION]
- UI style: [MINIMAL / GLASSMORPHISM / ENTERPRISE / IOS-LIKE / BENTO / EDITORIAL / FUTURISTIC]
OBJECTIVE
Create realistic digital product mockups that show how the brand identity works inside a real software interface.
CANVAS
- Format: 16:9 landscape
- Style: premium SaaS product showcase
- Use desktop and mobile screens
- Use realistic UI, not decorative fake UI
- Strong hierarchy and spacing
REQUIRED MOCKUPS
01. DESKTOP DASHBOARD
Show:
- Sidebar with brand logo
- Brand switcher or workspace switcher
- Top navigation
- KPI cards
- Data table
- Chart card
- Activity feed
- AI assistant panel
- Notification badge
02. MOBILE APP UI
Show:
- Splash screen
- Home screen
- Workspace switcher
- Quick actions
- Bottom navigation
- Main cards
- Floating AI assistant button
03. WEBSITE HERO
Show:
- Landing page hero
- Product screenshot
- CTA buttons
- Social proof area
- Feature cards
04. AUTHENTICATION SCREEN
Show:
- Login page
- Brand icon
- Clean form
- Trust/security message
- Premium background
05. EMPTY STATE / ONBOARDING
Show:
- Welcome screen
- Setup checklist
- Empty dashboard state
- Helpful illustration or icon
06. NOTIFICATION / SYSTEM PANEL
Show:
- Alerts
- Status badges
- Task cards
- Message preview
- AI recommendation card
07. RESPONSIVE SHOWCASE
Show the same product identity across:
- Desktop
- Tablet
- Mobile
DESIGN REQUIREMENTS
- High-end SaaS look
- Practical UI components
- Strong spacing
- Clear typography
- Realistic product structure
- Brand colors used intentionally
- Avoid overdecorated futuristic UI
- Avoid unreadable tiny text
- Make it feel buildable in Next.js/Tailwind/shadcn-style UI
FINAL OUTPUT
Create one polished digital product mockup board that can be used in a brand guideline, landing page, or investor pitch deck.Sumber pembelajaran: Brand Mockup Prompts. Resource ini adalah versi reusable; penjelasan dan konteks belajarnya tetap berada di Classroom.