Resource
Resource untuk pelajaran ini
Gunakan resource ini bersama materi. Update resource akan otomatis tercermin tanpa menyalin isi ke pelajaran.
UI Brand Guideline / Dashboard System
Prompt reusable dari Brand Mockup Prompts. Gunakan placeholder yang tersedia lalu sesuaikan dengan brand, produk, atau konteks proyekmu.
02PromptsSocial Media Brand Kit
Prompt reusable dari Brand Mockup Prompts. Gunakan placeholder yang tersedia lalu sesuaikan dengan brand, produk, atau konteks proyekmu.
03PromptsSocial Media Mockup Prompt
Prompt reusable dari Brand Mockup Prompts. Gunakan placeholder yang tersedia lalu sesuaikan dengan brand, produk, atau konteks proyekmu.
04PromptsPremium Stationery Mockup Prompt
Prompt reusable dari Brand Mockup Prompts. Gunakan placeholder yang tersedia lalu sesuaikan dengan brand, produk, atau konteks proyekmu.
05PromptsDigital Product Brand Mockup Prompt
Prompt reusable dari Brand Mockup Prompts. Gunakan placeholder yang tersedia lalu sesuaikan dengan brand, produk, atau konteks proyekmu.
06PromptsMaster Brand Mockup Prompt
Prompt reusable dari Brand Mockup Prompts. Gunakan placeholder yang tersedia lalu sesuaikan dengan brand, produk, atau konteks proyekmu.
Brand Mockup Prompts
Master Brand Mockup Prompt
You are a senior brand identity designer and mockup art director.
Create a premium brand mockup presentation for the following brand:
BRAND INFO
- Brand name: [BRAND NAME]
- Industry: [INDUSTRY]
- Product/service: [WHAT THE BRAND DOES]
- Target audience: [TARGET AUDIENCE]
- Brand mood: [PREMIUM / FUTURISTIC / CALM / BOLD / MINIMAL / LUXURY / PLAYFUL]
- Logo reference: [UPLOADED LOGO OR DESCRIPTION]
- Color palette: [HEX COLORS OR COLOR DIRECTION]
- Typography direction: [SERIF / SANS / GEOMETRIC / EDITORIAL / CONDENSED / HUMANIST]
- Mockup focus: [DIGITAL / PRINT / SOCIAL / PACKAGING / OFFICE / APP / WEBSITE / FULL BRAND LAUNCH]
OBJECTIVE
Create a high-end, realistic brand mockup board showing how the brand identity works in real-life applications. The mockups should feel commercial, polished, and client-deliverable.
CANVAS
- Format: 16:9 landscape
- Style: premium brand presentation board
- Use realistic mockups, strong lighting, and clean composition
- Use editorial spacing and a structured grid
- Avoid clutter
- Avoid fake or overly decorative elements
REQUIRED MOCKUP SECTIONS
01. HERO BRAND APPLICATION
Create a strong hero area showing:
- Primary logo
- Brand tagline
- Main visual direction
- Premium composition
- Clear brand mood
02. WEBSITE MOCKUP
Show the brand applied to a website homepage:
- Navbar
- Hero section
- CTA button
- Brand typography
- Brand colors
- Product/service preview
03. MOBILE APP OR RESPONSIVE SCREEN
Show:
- Mobile app splash screen
- App header
- Brand icon
- Key card/component
- Bottom navigation if relevant
04. SOCIAL MEDIA MOCKUP
Show:
- Instagram/LinkedIn post preview
- Carousel cover
- Story/reel cover
- Profile avatar
- Strong mobile readability
05. PRINT COLLATERAL
Show:
- Business card
- Letterhead
- Envelope
- ID card or membership card
- Document cover
06. PRESENTATION MOCKUP
Show:
- Pitch deck cover
- Section divider slide
- Data/content slide preview
- Premium typography hierarchy
07. ENVIRONMENTAL OR PHYSICAL MOCKUP
Depending on brand type, show:
- Signage
- Office wall
- Storefront
- Product packaging
- Uniform
- Tote bag
- Notebook
- Sticker
- Event banner
08. UI COMPONENT MOCKUP
For digital brands, show:
- Dashboard card
- Button
- Sidebar
- Notification
- Chart card
- Empty state
- AI assistant panel if relevant
DESIGN REQUIREMENTS
- Realistic scale
- Consistent brand application
- Premium lighting
- Clean shadows
- Strong alignment
- Not too crowded
- Every mockup must feel usable in real business context
- Maintain logo integrity
- Use brand colors consistently
- Keep typography readable
AVOID
- Random mockups unrelated to the brand
- Overly generic stationery-only layout
- Too many decorative objects
- Unrealistic UI
- Weak logo placement
- Inconsistent color usage
- Overcrowded composition
- Fake text blocks that dominate the design
FINAL OUTPUT
Create one complete premium brand mockup board that looks like a professional Behance case study or agency client presentation.Digital Product Brand Mockup Prompt
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.Premium Stationery Mockup Prompt
You are a senior brand identity designer.
Create a premium stationery and print collateral mockup board for:
BRAND INFO
- Brand name: [BRAND NAME]
- Industry: [INDUSTRY]
- Logo reference: [UPLOADED LOGO OR DESCRIPTION]
- Brand mood: [PREMIUM / MINIMAL / LUXURY / CALM / CORPORATE / CREATIVE]
- Color palette: [HEX COLORS OR COLOR DIRECTION]
- Typography direction: [SERIF / SANS / GEOMETRIC / EDITORIAL]
OBJECTIVE
Create a professional stationery mockup system that shows the brand applied to real business materials.
REQUIRED MOCKUPS
1. Business card front and back
2. Letterhead
3. Envelope
4. ID card
5. Document folder
6. Invoice or proposal cover
7. Notebook
8. Sticker or label
9. Presentation cover
10. Brand stamp or seal if relevant
DESIGN REQUIREMENTS
- Premium minimal composition
- Realistic paper texture
- Clean shadows and lighting
- Consistent logo placement
- Strong use of whitespace
- Elegant typography
- Commercial and client-ready
- Avoid generic free-template look
FINAL OUTPUT
Create one polished stationery brand mockup board suitable for a brand guideline presentation.Social Media Mockup Prompt
You are a senior social media brand designer and art director.
Create a premium social media mockup board for:
BRAND INFO
- Brand name: [BRAND NAME]
- Platform focus: [INSTAGRAM / LINKEDIN / TIKTOK / X / YOUTUBE]
- Industry: [INDUSTRY]
- Target audience: [TARGET AUDIENCE]
- Content pillars: [LIST CONTENT PILLARS]
- Logo reference: [UPLOADED LOGO OR DESCRIPTION]
- Brand mood: [PREMIUM / BOLD / EDUCATIONAL / MINIMAL / HIGH-CONTRAST / PLAYFUL]
- Color palette: [HEX COLORS OR COLOR DIRECTION]
OBJECTIVE
Create reusable social media mockups that show how the brand appears across daily content production.
REQUIRED MOCKUPS
1. Profile page preview
2. Profile avatar
3. Instagram post template
4. Carousel cover
5. Carousel inner slide
6. Quote card
7. Educational post
8. Reel cover
9. Story template
10. CTA post
11. Announcement post
12. Case study post
DESIGN REQUIREMENTS
- Mobile-first readability
- Big typography
- Short text blocks
- Strong contrast
- Consistent template structure
- Easy to reuse daily
- Not too crowded
- Avoid tiny text
- Avoid generic Canva-template look
- Make every post readable in 1–2 seconds
FINAL OUTPUT
Create one professional social media mockup board that can be used as a production-ready content identity system.Social Media Brand Kit
You are a senior social media brand designer.
Create a social media brand guideline board for:
- Brand name: [BRAND NAME]
- Platform focus: [Instagram / LinkedIn / TikTok / X / YouTube]
- Audience: [TARGET AUDIENCE]
- Content pillars: [LIST CONTENT PILLARS]
- Desired mood: [BOLD / PREMIUM / EDUCATIONAL / FUN / MINIMAL / HIGH-CONTRAST]
- Logo reference: [UPLOADED LOGO OR DESCRIPTION]
OBJECTIVE
Create a practical social media identity system that can be used repeatedly for content production.
REQUIRED SECTIONS
1. Profile identity
2. Color system
3. Typography system
4. Post layout styles
5. Carousel template
6. Reel cover style
7. Quote card style
8. Educational post style
9. CTA style
10. Do and don’t examples
DESIGN REQUIREMENTS
- Mobile-first readability
- Big typography
- Short text blocks
- Strong hierarchy
- Consistent templates
- Easy to reuse
- Not too crowded
- Realistic for daily content productionUI Brand Guideline / Dashboard System
You are a senior product designer and brand system designer.
Create a UI-focused brand guideline board for:
- Brand name: [BRAND NAME]
- Product type: [DASHBOARD / SAAS / MOBILE APP / ERP / CMS / AI TOOL]
- Target users: [TARGET USERS]
- Desired UI mood: [PREMIUM / FAST / TRUSTWORTHY / PLAYFUL / FUTURISTIC / CALM]
- Logo reference: [UPLOADED LOGO OR DESCRIPTION]
OBJECTIVE
Create a complete UI brand system showing how the brand identity translates into a real digital product.
CANVAS
- Format: 16:9 landscape
- Style: premium SaaS design system board
- Use realistic dashboard and mobile UI mockups
REQUIRED SECTIONS
1. PRODUCT IDENTITY
- Brand traits
- UI personality
- Product positioning
2. COLOR TOKENS
Show:
- Background
- Foreground
- Card
- Border
- Primary
- Secondary
- Accent
- Muted
- Success
- Warning
- Error
- Chart colors
Include HEX codes and usage labels.
3. TYPOGRAPHY TOKENS
Show:
- Display
- Page title
- Section title
- Body
- Caption
- Button label
- Data/number style
4. COMPONENT SYSTEM
Show:
- Button states
- Input field
- Select/dropdown
- Card
- Sidebar item
- Tab
- Badge
- Notification
- Table row
- Chart card
- Empty state
5. DASHBOARD APPLICATION
Show a polished dashboard screen with:
- Sidebar
- Top bar
- Brand switcher
- KPI cards
- Table/list
- Chart
- Activity feed
- AI assistant panel
6. MOBILE APP APPLICATION
Show a mobile app version with:
- App header
- Bottom navigation
- Workspace switcher
- Cards
- Quick actions
- AI assistant button
7. DESIGN RULES
Show:
- Border radius system
- Spacing system
- Shadow system
- Icon style
- Motion/micro-interaction direction
DESIGN STYLE
- High-end SaaS
- Clean spacing
- Strong hierarchy
- Light and dark mode friendly
- Practical enough for real implementation
- Avoid fake decorative UI