Mintpage AI Landing Page Hero
A polished SaaS hero mockup showing an AI landing page studio interface in a soft mint-blue office scene.
프롬프트
목표: AI 랜딩 페이지 스튜디오인 {argument name="product name" default="MINTPAGE"}를 홍보하는 SaaS 랜딩 페이지 컨셉의 세련된 정사각형 히어로 이미지를 제작하세요.
캔버스: 1:1 정사각형 구도, 부드러운 자연광이 들어오는 오피스 배경, 파스텔 민트 및 연한 블루 컬러 팔레트, 깔끔하고 고급스러운 테크 미학, 정교한 편집 디자인 타이포그래피와 결합된 사실적인 3D 제품 목업.
레이아웃: 광택이 나는 유리 책상 위의 대형 데스크톱 모니터를 중심으로 장면을 구성하세요. 상단에는 민트 잎 모양의 원형 로고, {argument name="product name" default="MINTPAGE"}라는 단어, 얇은 구분선, 그리고 {argument name="brand subtitle" default="AI LANDING PAGE STUDIO"}라는 부제목이 포함된 작은 브랜드 행을 배치하세요. 그 아래에는 다크 블루 컬러의 크고 우아한 세리프체 헤드라인을 배치하세요: {argument name="headline text" default="WHY DO MOST AI PAGES LOOK GENERIC?"}. 헤드라인 아래에는 섬세한 민트색 아이콘과 라벨이 포함된 4개의 작은 기능 배지를 한 줄로 배치하세요: 1) AI-Powered, 2) React + Tailwind, 3) Production Ready, 4) Built to Convert.
메인 피사체: 모니터에는 랜딩 페이지 제작을 위한 깔끔한 웹 앱 빌더 인터페이스가 표시됩니다. 인터페이스는 상단 내비게이션 바와 분할된 작업 공간으로 구성되어야 합니다. 왼쪽에는 4단계로 구성된 수직 설정 흐름을 보여주세요: 1) Context — 아이디어 정의, 2) Style — 시각적 방향, 3) Design — AI 레이아웃 생성, 4) Code — 프로덕션 준비 코드 내보내기. 중앙 패널에는 “From Idea to Code. Instantly.”라는 헤드라인을 표시하고, “Code. Instantly.” 부분은 민트색 이탤릭체로 스타일링하세요. 그 뒤를 이어 비즈니스 이름, 타겟 고객, 핵심 미션과 같은 입력 폼 필드를 배치하세요. 오른쪽 패널에는 “Live Environment”라는 제목의 코드 에디터를 보여주고, 읽기 쉬운 작은 React/Tailwind 스타일의 코드와 “Landing pages that look iconic. Built to convert.”라는 짧은 렌더링 텍스트 스니펫을 포함하세요.
전경 오브젝트: 책상 왼쪽에는 원형 로고와 “MINTPAGE”, “AI LANDING PAGE STUDIO”라는 텍스트가 새겨진 반투명 아크릴 데스크 명패를 배치하세요. 그 아래나 옆에는 책등 라벨이 보이는 얇은 책 3권을 쌓아두세요: 1) BUILT FOR CONVERSION, 2) REACT + TAILWIND + AI, 3) DESIGN SYSTEMS THAT SCALE. 모니터 앞에는 얇은 화이트 키보드를 배치하세요. 오른쪽에는 “PROJECT STATUS”라는 제목의 반투명 플로팅 상태 카드를 배치하고, 체크 표시된 5개 항목을 나열하세요: 1) Live Environment, 2) Context Defined, 3) Style Generated, 4) Design Created, 5) Code Exported. 또한 4개의 필기구가 꽂힌 연한 블루 컬러의 골진 펜 꽂이와 화이트 마우스를 포함하세요.
환경: 배경에 초점이 흐릿한 선반과 식물이 있는 미니멀한 현대식 오피스, 오른쪽에서 들어오는 큰 창문의 조명, 유리 책상 위의 은은한 반사, 부드러운 피사계 심도, 인물 없음.
시각적 스타일: 프리미엄 스타트업 런칭 그래픽, 부드러운 볼류메트릭 조명, 사실적인 제품 사진, 글래스모피즘 오버레이, 민트 그린 포인트, 다크 블루 세리프 타이포그래피, 선명한 UI 디테일, 차분하고 고급스러운 스튜디오 분위기.
제약 사항: 위에 나열된 요소들을 정확히 포함하고, 이미지를 깔끔하게 유지하며, 헤드라인이 가장 돋보이게 하세요. 불필요한 로고, 워터마크 또는 관련 없는 텍스트는 피하세요.
기계 번역 — 실제 결과물을 만든 것은 원문 프롬프트입니다.
원문 프롬프트
Goal: Create a polished square hero image for a SaaS landing page concept advertising {argument name="product name" default="MINTPAGE"}, 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 {argument name="product name" default="MINTPAGE"}, a thin divider line, and the subtitle {argument name="brand subtitle" default="AI LANDING PAGE STUDIO"}. Below it, use a very large elegant serif headline in dark blue: {argument name="headline text" default="WHY DO MOST AI PAGES LOOK GENERIC?"}. 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.