콕랩

콕랩이 만드는 사이트

FRAME

이미지 프롬프트 · GPT Image 2

크림색 배경의 AI 노트 앱 출시 랜딩 화면

AI 노트 앱 출시 랜딩페이지 첫 화면 예시 이미지

노트북과 휴대폰 화면 캡처를 가운데 두고 기능 카드, 버튼 줄, 후기 모듈을 쌓은 크림색 SaaS 출시 랜딩페이지 시안을 1:1로 만드는 프롬프트입니다.

이 그림, 어디에 쓰나요

히어로 영역, 기능 카드, 후기, 행동 버튼 띠의 순서를 문장으로 정하고 그 위계가 실제 웹페이지처럼 보이게 하라는 조건을 붙였습니다. 종이가 빛 리본으로 풀리는 배경 그림이 노트 앱이라는 주제를 받칩니다.

  • 앱 출시 페이지 레이아웃 시안
  • 투자 설명 자료 표지
  • 디자인 의뢰서 참고 그림

내 것으로 바꿔 쓰는 예

바꿀 곳원래이렇게 바꾸면
제품an AI notebook assistant가계부 정리 앱
휴대폰 화면the phone shows a compact daily summary휴대폰에는 이번 달 지출 요약 카드가 보인다
배경 그림paper sheets turning into light ribbons behind the screens영수증 더미가 동전 줄기로 바뀌는 그림
배경색quiet cream-to-stone background옅은 민트에서 흰색으로 넘어가는 배경

⚠️ 실제 가게·상품·장소 홍보에 쓰면 AI로 만든 장면이어도 표시·광고 관련 법이 적용될 수 있습니다. 실제와 다르게 보이지 않는지 담당자가 확인하세요. 다른 사람의 얼굴 사진을 넣을 때는 본인 동의가 필요합니다.

프롬프트 (한국어)

장면:

잘 다듬은 웹사이트의 첫 화면과 그 아래 첫 보조 모듈들을 정면에서 보여 주는 정사각 고급 SaaS 출시 페이지 정지 화면입니다. 차분한 크림색에서 돌색으로 이어지는 배경, 가는 흑연색 구분선, 히어로 뒤의 은은한 오로라 같은 그라데이션 하나를 씁니다. 페이지는 비싸 보이고 차분하며 정돈되어 있어야 하고, 히어로 영역에서 기능 카드, 행동 유도 띠로 이어지는 세로 리듬이 강해야 합니다.

주제:

AI 노트 도우미의 노트북 제품 스크린숏을 가운데 두고, 한쪽 옆에 짝이 되는 휴대폰 화면을 띄웁니다.

데스크톱 화면은 깔끔한 노트 편집기, 스레드형 옆 패널, 강조된 인사이트 카드를 내비치고, 휴대폰은 간결한 하루 요약을 보여 줍니다.

스크린숏 둘레로 믿을 만한 출시 페이지 위계를 짭니다.

추상적인 제목 막대, 짧은 문단 블록, 버튼 두 개짜리 행동 유도 줄, 기능 카드 세 장, 아바타 원이 있는 후기 모듈입니다.

화면 뒤에는 종이가 빛의 리본으로 바뀌는 은은한 히어로 일러스트를 더합니다.

중요한 점:

구도는 UI 콜라주가 아니라 실제 앱 출시 페이지처럼 느껴져야 합니다.

제품 스크린숏이 증거이고, 히어로 아트는 이야기를 받치며, 아래 모듈들은 전환 논리를 세웁니다.

정렬은 정확하게, 간격은 넉넉하게, 스크린숏의 언어는 기기마다 일관되게 둡니다.

글자 구역은 읽히지 않게, 실제 문구가 아니라 우아한 막대와 글리프 같은 질감으로 보이게 합니다.

페이지에는 맨 위 히어로에서 사용자 후기, 다운로드 구역으로 이어지는 분명한 고급 제품 마케팅의 흐름이 있어야 합니다.

쓰임:

앱 출시 히어로 체계 단독 연구 1/9. 스크린숏 중심의 SaaS 히어로 디자인이 추상적인 브랜드 아트와 강한 전환 위계와 함께 설 수 있는지 시험합니다.

제약:

읽을 수 있는 글자 없음, 워터마크 없음, 로고 없음, 1:1 화면비 정확히 유지, 브라우저 틀 없음, 과밀한 대시보드 없음, 가짜 로렘 입숨 없음, 화면을 장악하는 스톡 사진 인물 없음, 지저분하게 겹친 카드 없음, 뒤틀린 노트북이나 휴대폰 원근 없음.

원문 프롬프트

Scene:
A square premium SaaS launch-page still shown front-on like the first viewport and first supporting modules of a polished website. Use a quiet cream-to-stone background, thin graphite dividers, and one soft aurora-like gradient behind the hero. The page should feel expensive, calm, and organized, with strong vertical rhythm from hero area to feature cards to CTA strip.

Subject:
Center a laptop product screenshot for an AI notebook assistant, with a companion mobile screen floating to one side. The desktop screen should imply a clean note editor, threaded side panel, and highlighted insight cards, while the phone shows a compact daily summary. Around the screenshots, build a believable launch-page hierarchy using abstract headline bars, short paragraph blocks, a two-button CTA row, three feature cards, and a testimonial module with avatar circles. Add a subtle hero illustration of paper sheets turning into light ribbons behind the screens.

Important details:
The composition must feel like a real app launch page rather than a collage of UI. Product screenshots are the proof, hero art supports the story, and the lower modules establish conversion logic. Keep alignment precise, spacing generous, and the screenshot language consistent across devices. Typography zones should remain unreadable, appearing as elegant bars and glyph-like textures rather than actual copy. The page needs a clear premium product-marketing cadence from top hero to social proof to download section.

Use case:
App Launch Hero System single study 1/9, testing whether screenshot-led SaaS hero design can coexist with abstract brand art and strong conversion hierarchy.

Constraints:
No readable text, no watermark, no logos, preserve exact 1:1 aspect ratio, no browser chrome, no cluttered dashboard overload, no fake lorem ipsum, no stock-photo humans dominating the frame, no messy overlapping cards, no distorted laptop or phone perspective.

작성자 GPT Image 2 Hub · ChaosRealmsAI · MIT · CC BY 4.0 · 출처·라이선스

Copyright (c) 2026 GPT Image 2 Hub · ChaosRealmsAI · MIT. 저장소에 실린 프롬프트와 예시 그림입니다. 원문 프롬프트는 그대로 두었고 그림은 웹용 크기와 형식으로 바꿨습니다. 출처와 라이선스는 소개 페이지의 출처·라이선스에 있습니다. 저장소 소개 줄에 CC BY 4.0이 함께 적혀 있어 그림은 CC BY 4.0 조건으로도 표시합니다.

비슷한 프롬프트