Mintpage AI 랜딩 페이지 히어로

부드러운 민트 블루 톤의 오피스 배경에 AI 랜딩 페이지 스튜디오 인터페이스를 담은 세련된 SaaS 히어로 목업입니다.

프롬프트

목표: AI 랜딩 페이지 스튜디오인 MINTPAGE를 홍보하는 SaaS 랜딩 페이지 컨셉의 세련된 정사각형 히어로 이미지를 제작하세요. 캔버스: 1:1 정사각형 구도, 부드러운 자연광이 들어오는 오피스 배경, 파스텔 민트 및 연한 블루 컬러 팔레트, 깔끔하고 고급스러운 테크 미학, 정교한 편집 디자인 타이포그래피와 결합된 사실적인 3D 제품 목업. 레이아웃: 광택이 나는 유리 책상 위의 대형 데스크톱 모니터를 중심으로 장면을 구성하세요. 상단에는 민트 잎 모양의 원형 로고, MINTPAGE라는 단어, 얇은 구분선, 그리고 AI LANDING PAGE STUDIO라는 부제목이 포함된 작은 브랜드 행을 배치하세요. 그 아래에는 다크 블루 컬러의 크고 우아한 세리프체 헤드라인을 배치하세요: 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 디테일, 차분하고 고급스러운 스튜디오 분위기. 제약 사항: 위에 나열된 요소들을 정확히 포함하고, 이미지를 깔끔하게 유지하며, 헤드라인이 가장 돋보이게 하세요. 불필요한 로고, 워터마크 또는 관련 없는 텍스트는 피하세요.