텍스트 투 이미지

Dark AI Viewer with Course Website Preview — AI 이미지 프롬프트

This generates a realistic dark-theme AI image viewer screenshot featuring a premium Japanese online-course landing page concept, useful for product mockups, social posts, and design workflow presentations. - AIPinMaker

GPT Image 2제품텍스트 투 이미지
Dark AI Viewer with Course Website Preview
텍스트 투 이미지

프롬프트

A dark-mode desktop screenshot of an AI image viewer interface showing a generated website design preview. The overall canvas is charcoal gray with a minimal modern app UI. At the top left, place the heading “Thought for 2m 6s” in small white sans-serif text with a subtle chevron. Center-left, show one large rounded-rectangle preview image with a glossy black luxury editorial web landing page for online courses in Japanese. Inside that preview, the website hero area has a black background, elegant serif and sans-serif typography, and the small English heading “ONLINE COURSES” above a large Japanese headline that reads “デザインとキャリアを、次のステージへ”. Beneath it is a smaller Japanese subheading. The main content area of the website contains exactly 6 course cards arranged in a 3-column by 2-row grid. Each card is dark, cinematic, and premium, with a moody photo, category label, Japanese title, short description, a small circular instructor portrait, and a “詳しく見る →” style link. Card 1 shows UI design imagery and the large title “本質的なUIデザインの思考とプロセス”. Card 2 shows a Figma-related screen image and the title “Figmaマスター講座 実践編”. Card 3 shows writing tools on paper and the title “伝わる構造をつくる 情報設計の技術”. Card 4 shows a STUDIO-themed visual and the title “STUDIOでつくる ノーコードWebデザイン”. Card 5 shows a branding or book-like object and the title “ブランドの価値をつくる 設計と表現”. Card 6 shows a portfolio booklet spread and the title “魅せ方で差がつく ポートフォリオ講座”. Add subtle gold-gray highlights, thin borders, soft reflections, and a refined high-end Japanese design aesthetic. At the lower left inside the preview image, include the white Japanese label “編集”. At the lower right inside the preview image, add a small white share/export icon. On the far right side of the app interface, place exactly 4 vertically stacked rounded-square thumbnails representing alternate generated images; the top 3 thumbnails are pale light-theme page designs, and the 4th thumbnail matches the dark course-grid design. Highlight the 4th thumbnail with a glowing blue selection outline. At the bottom left of the overall screenshot, add exactly 2 small white interface icons: a copy icon and a horizontal three-dots menu. The composition should feel like a real product screenshot from a creative AI tool, with crisp UI spacing, subtle shadows, and accurate screen-capture realism.3e:Ta2b,A dark-mode desktop screenshot of an AI image viewer interface showing a generated website design preview. The overall canvas is charcoal gray with a minimal modern app UI. At the top left, place the heading “Thought for 2m 6s” in small white sans-serif text wit

참고 이미지

Dark AI Viewer with Course Website Preview reference
텍스트 투 이미지

이 AI 이미지 프롬프트 템플릿 사용 방법

  1. AiVideo Maker stepOne1
    프롬프트 복사 — 템플릿의 프롬프트와 네거티브 프롬프트를 가져오세요.
  2. iVideo Maker stepTwo2
    모델 선택 — 가장 잘 맞는 추천 AI 모델을 고르세요.
  3. AiVideo Maker stepThree3
    생성 — 클릭 한 번으로 스튜디오를 열어 결과를 만드세요.

관련 템플릿

Mintpage AI Landing Page Hero
GPT Image 2

Mintpage AI Landing Page Hero

Goal: Create a polished square hero image for a SaaS landing page concept advertising MINTPAGE (product name), an AI landing page studio. Canvas: 1:1 square composition, soft daylight office setting, pastel mint and pale blue color palette, clean premium tech aesthetic, realistic 3D product mockup mixed with refined editorial typography. Layout: Center the scene around a large desktop monitor on a glossy glass desk. At the top, place a small brand row with a circular mint leaf-like logo, the word MINTPAGE (product name), a thin divider line, and the subtitle AI LANDING PAGE STUDIO (brand subtitle). Below it, use a very large elegant serif headline in dark blue: WHY DO MOST AI PAGES LOOK GENERIC? (headline text). Under the headline, place exactly 4 small feature badges in one row with delicate mint icons and labels: 1) AI-Powered, 2) React + Tailwind, 3) Production Ready, 4) Built to Convert. Main subject: The monitor displays a clean web-app builder interface for creating landing pages. The interface should have a top navigation bar and a split workspace. On the left, show a vertical setup flow with exactly 4 numbered steps: 1) Context — Define your idea, 2) Style — Visual direction, 3) Design — AI generates layout, 4) Code — Export production ready code. In the center panel, show the headline “From Idea to Code. Instantly.” with “Code. Instantly.” in mint italic styling, followed by form fields such as Business Name, Target Audience, and Core Mission. On the right panel, show a code editor titled “Live Environment” with readable but small React/Tailwind-style code and a short rendered text snippet saying “Landing pages that look iconic. Built to convert.” Foreground objects: On the left side of the desk, place a translucent acrylic desk plaque with the circular logo and the text “MINTPAGE” and “AI LANDING PAGE STUDIO.” Beneath or beside it, stack exactly 3 slim books with visible spine labels: 1) BUILT FOR CONVERSION, 2) REACT + TAILWIND + AI, 3) DESIGN SYSTEMS THAT SCALE. In front of the monitor, place a slim white keyboard. On the right side, place a small translucent floating status card titled “PROJECT STATUS” listing exactly 5 checked items: 1) Live Environment, 2) Context Defined, 3) Style Generated, 4) Design Created, 5) Code Exported. Also include a pale blue ribbed pen cup with exactly 4 writing tools and a white mouse. Environment: Minimal modern office with soft-focus shelves and plants in the background, large window lighting from the right, subtle reflections on the glass desktop, gentle depth of field, no people. Visual style: Premium startup launch graphic, soft volumetric lighting, realistic product photography, glassmorphism overlays, mint-green accents, dark blue serif typography, crisp UI details, calm high-end studio atmosphere. Constraints: Use exactly the counted elements listed above, keep the image uncluttered, make the headline the most prominent text, avoid extra logos, watermarks, or unrelated text.36:Tc37,Goal: Create a polished squa

blog-herostudiophotorealistic
텍스트 투 이미지
Humanoid Robot Keynote Reveal
GPT Image 2

Humanoid Robot Keynote Reveal

Create a creative image of Humanoid Robot Keynote Reveal. Style: photorealistic. Composition: balanced and well-framed. Lighting: natural with cinematic mood. Category: photography. Reference: humanoid-robot-keynote-reveal-13709.

robotphotorealisticppt
텍스트 투 이미지
Premium Graphic Design Portfolio Mockup
GPT Image 2

Premium Graphic Design Portfolio Mockup

Create a premium graphic design portfolio mockup in a professional creative studio style. Show a clean, elegant workspace presentation featuring multiple graphic design project cards arranged in a refined grid layout, a modern laptop screen displaying a portfolio homepage, and several printed posters laid out neatly on the desk and mounted on the wall. Use a polished creative-director aesthetic with soft shadows, subtle depth, realistic materials, and a high-end studio atmosphere. Include sleek typography placeholders, branding samples, editorial-style poster designs, business cards, stationery, notebook, pen, coffee cup, desk lamp, and small plant for a realistic studio setup. The design should have a clean grid layout, balanced spacing, soft realistic shadows, premium lighting, and neutral luxury tones such as black, white, warm beige, gray, champagne, and cream. Make the laptop screen show a minimal portfolio interface with project thumbnails, navigation menu, and bold hero text. Add multiple portfolio project cards such as logo design, brand identity, poster design, packaging design, social media design, UI/UX design, and advertising campaign mockups. Arrange everything professionally with a modern minimalist style, sharp details, clean typography, elegant composition, and a premium creative agency presentation look. Style: high-end graphic design portfolio, modern creative studio, luxury branding mockup, clean desk setup, realistic shadows, editorial layout, minimalist premium design, professional presentation, 4K, ultra-detailed.

studiophotorealisticblog-hero
텍스트 투 이미지
Nano Banana Pro Decision Making Prompt
Nano Banana 2

Nano Banana Pro Decision Making Prompt

Create a creative image of Nano Banana Pro Decision Making Prompt. Style: photorealistic. Composition: balanced and well-framed. Lighting: natural with cinematic mood. Category: photography. Reference: nano-banana-pro-decision-making-prompt-1175.

photorealisticpptsharp-focus
텍스트 투 이미지
Exploded View Smartphone Infographic Prompt
Nano Banana 2

Exploded View Smartphone Infographic Prompt

Create a infographic image of Exploded View Smartphone Infographic Prompt. Style: photorealistic. Composition: balanced and well-framed. Lighting: natural with cinematic mood. Category: illustration. Reference: exploded-view-smartphone-infographic-prompt-6101.

photorealisticultra-detailppt
텍스트 투 이미지
Clean Authenticator Onboarding UI Mockups
GPT Image 2

Clean Authenticator Onboarding UI Mockups

Create a creative image of Clean Authenticator Onboarding Ui Mockups. Style: photorealistic. Composition: balanced and well-framed. Lighting: natural with cinematic mood. Category: photography. Reference: clean-authenticator-onboarding-ui-mockups-19293.

pptstudiophotorealistic
텍스트 투 이미지

더 많은 프롬프트 탐색

카테고리별 AI 이미지·영상 프롬프트를 더 찾아보세요.