
UI / UX 디자인
SF 스타일 SaaS 접근 요청 랜딩 페이지
글래스모피즘 폼과 빛나는 HUD 비주얼이 돋보이는 SF풍 SaaS 랜딩 페이지를 생성합니다. 문구, 입력 필드, 배경 엠블럼을 브랜드에 맞춰 수정할 수 있습니다.
랜딩 페이지saas 목업ui 디자인sf 인터페이스글래스모피즘hud 오버레이다크 모드 ui
유사한 프롬프트 둘러보기UI 디자인 AI 프롬프트
프롬프트
{
"type": "futuristic landing page mockup",
"style": "high-end sci-fi web homepage, dark navy and black interface, luminous electric-blue accents, cinematic HUD overlay, sleek enterprise tech branding, polished UI design",
"scene": {
"background": "deep space-like dark background with subtle blueprint grid lines across the canvas, faint interface framing lines, glowing view of Earth curved horizon at the bottom right, and a large circular mechanical portal or ring centered behind the form",
"center graphic": "inside the ring, a fierce owl face with glowing blue eyes and crackling blue lightning, semi-transparent behind UI panels"
},
"layout": {
"composition": "two-column website hero section",
"sections": [
{
"title": "left navigation and copy block",
"position": "left",
"count": 6,
"labels": [
"PILOT ACCESS",
"ORACLE LIVE",
"ELECTRICAL TEAMS",
"REQUEST ACCESS",
"Bring Ohmni Oracle to the field.",
"body copy"
]
},
{
"title": "form labels",
"position": "right upper and middle",
"count": 6,
"labels": [
"NAME",
"EMAIL",
"COMPANY",
"ROLE",
"PRODUCT INTERESTS",
"MESSAGE"
]
},
{
"title": "product interest tabs",
"position": "right middle",
"count": 3,
"labels": [
"OHMNI ORACLE",
"OHMNI BID",
"ETL/API SERVICES"
]
},
{
"title": "primary call-to-action",
"position": "bottom center-right",
"count": 1,
"labels": [
"REQUEST ACCESS"
]
}
],
"left panel": {
"eyebrow": "REQUEST ACCESS",
"headline": "Bring [Ohmni Oracle] to the field.",
"paragraphs": [
"Request access for the teams carrying drawings, code questions, sequencing pressure, and field execution at the same time. We will follow up on pilot fit, timing, and rollout.",
"Invite-based pilot onboarding for electrical contractors, foremen, superintendents, and PMs.",
"Oracle is live now. Ohmni Bid and ETL/API stay clearly labeled while rollout expands.",
"Tell us where the field burden is highest so we can evaluate fit and timing with your team."
],
"small nav count": 3
},
"right panel": {
"form": {
"fields": [
{
"label": "NAME",
"type": "text",
"value": ""
},
{
"label": "EMAIL",
"type": "text",
"value": ""
},
{
"label": "COMPANY",
"type": "text",
"value": ""
},
{
"label": "ROLE",
"type": "text",
"value": "General Foreman, Superintendent"
},
{
"label": "PRODUCT INTERESTS",
"type": "segmented control",
"options": [
"OHMNI ORACLE",
"OHMNI BID",
"ETL/API SERVICES"
],
"selected": "OHMNI ORACLE"
},
{
"label": "MESSAGE",
"type": "textarea",
"value": "Job type, field challenges, or the workflow pressure you want to clean up."
}
],
"button": "REQUEST ACCESS"
}
}
},
"visual details": {
"color palette": [
"midnight navy",
"black",
"electric blue",
"cyan glow",
"cool gray-white text"
],
"materials": "glassmorphism panels, translucent dark overlays, neon edge lighting, metallic sci-fi ring structure",
"typography": "bold modern sans-serif headline, compact uppercase labels with wide letter spacing, clean UI body text",
"lighting": "low-key dark scene with strong blue neon bloom and subtle reflections",
"aspect ratio": "16:9"
}
}바꿔 쓸 수 있는 부분
생성하기 전에 프롬프트의 이 부분을 원하는 주제나 문구로 바꿔 보세요.
[Ohmni Oracle]자리 표시자
프롬프트 정보
- 카테고리
- UI / UX 디자인
- 모델
- GPT IMAGE 2
- 이미지당 비용
- 1K: 43 크레딧 · 2K: 86 크레딧 · 4K: 143 크레딧
- 화면 비율
- 16:9
- 추가일