NOVALITH SaaS Landing Page Hero
Generates a premium Japanese B2B SaaS landing page hero for a fictional data analytics platform with navigation, CTAs, features, and a futuristic dashboard mockup.
프롬프트
목표: {argument name="brand name" default="NOVALITH"}라는 데이터 인프라 및 분석 플랫폼을 위한 세련된 가상의 SaaS 랜딩 페이지 히어로 섹션을 프리미엄 B2B 기술 스타일로 제작합니다.
캔버스: 와이드 데스크톱 웹 랜딩 페이지, 16:9 비율, 연한 청록색 그라데이션이 가미된 깔끔한 흰색 배경, 은은한 네트워크 라인 기하학적 패턴, 희미한 도트 매트릭스, 광택이 나는 바닥 반사 효과. 딥 네이비, 틸, 청록색, 흰색의 미래지향적인 기업용 컬러 팔레트를 사용하세요.
헤더: 왼쪽 상단에는 각진 청록색-네이비 그라데이션 “N” 아이콘과 그 뒤에 간격을 둔 대문자 워드마크 “NOVALITH”를 배치합니다. 상단 중앙에는 정확히 5개의 일본어 내비게이션 항목을 배치하세요: 「プロダクト」, 「ソリューション」, 「ドキュメント」, 「リソース」, 「会社情報」. 오른쪽 상단에는 「ログイン」과 오른쪽 화살표가 포함된 둥근 틸 색상의 {argument name="contact button text" default="お問い合わせ"} CTA 버튼을 배치합니다.
히어로 레이아웃: 왼쪽에는 두 줄로 된 굵은 네이비 색상의 일본어 헤드라인을 배치합니다: {argument name="headline text" default="データを、未来の意思決定に変える。"}. 그 아래에는 더 작은 일본어 서브헤드라인을 배치합니다: {argument name="subheadline text" default="NOVALITHは、開発・運用・データの複雑さを解消し、信頼できるデータ基盤で、事業の成長を加速させます。"}
기능 행: 서브헤드라인 아래에 얇은 틸 색상 라인 아이콘, 굵은 일본어 제목, 두 줄짜리 설명으로 구성된 3개의 컴팩트한 기능 블록을 배치합니다. 3개의 블록은 다음과 같습니다: 1) 적층 레이어 아이콘, 제목 「統合された基盤」, 설명 「データとシステムを一元的に統合」; 2) 방패 체크 아이콘, 제목 「堅牢なガバナンス」, 설명 「セキュリティと品質を標準で確保」; 3) 상승 차트 화살표 아이콘, 제목 「高速な意思決定」, 설명 「信頼できるデータで意思決定を加速」.
히어로 버튼: 기능 행 아래에 정확히 2개의 둥근 버튼을 배치합니다: 오른쪽 화살표가 포함된 틸 색상의 채워진 기본 버튼 {argument name="primary cta text" default="プロダクトを見る"}과, 다운로드 아이콘이 포함된 흰색 테두리의 보조 버튼 「資料をダウンロード」.
오른쪽 비주얼: 둥근 모서리, 부드러운 그림자, 광택이 나는 흰색 UI를 가진 기울어진 대형 플로팅 대시보드 패널을 생성합니다. 그 뒤에는 기념비적인 3D 반투명 틸/네이비 “N” 구조물과 오른쪽 가장자리 밖으로 뻗어 나가는 각진 청록색 유리 패널을 배치합니다. 대시보드에는 사이드바, 상단 유틸리티 아이콘, 분석 카드, 라인 차트, 파이프라인 다이어그램, 알림 테이블, 도넛 차트가 포함되어야 합니다.
대시보드 세부 정보: 6개의 사이드바 메뉴 항목을 포함합니다: 틸 색상으로 강조된 「ダッシュボード」, 「データカタログ」, 「パイプライン」, 「モニタリング」, 「ガバナンス」, 「アラート」. 레이블과 값이 포함된 4개의 상단 통계 카드를 포함합니다: 「データパイプライン」 128, 「データ品質スコア」 98.6%, 「アクティブユーザー」 1,256, 「処理データ量」 2.45 PB. 파이프라인 다이어그램에는 선으로 연결된 3개의 노드, 4개의 행으로 구성된 알림 테이블, 96%라고 표시된 3개 항목 범례의 도넛 차트를 포함하세요.
시각적 스타일: 선명한 벡터 스타일 UI와 사실적인 3D 유리 질감의 조화, 여유로운 간격, 프리미엄 스타트업 랜딩 페이지 미학, 높은 가독성, 부드러운 그림자, 은은한 청록색 광채, 정확한 일본어 타이포그래피, 인물 제외, 깔끔한 구성, 워터마크 없음.
기계 번역 — 실제 결과물을 만든 것은 원문 프롬프트입니다.
원문 프롬프트
Goal: Create a polished fictional SaaS landing page hero for a data infrastructure and analytics platform named {argument name="brand name" default="NOVALITH"}, in a premium Japanese B2B technology style.
Canvas: Wide desktop web landing page, 16:9 aspect ratio, clean white background with pale cyan gradients, subtle network-line geometry, faint dot matrices, and glossy floor reflections. Use a futuristic corporate palette of deep navy, teal, cyan, and white.
Header: Top-left logo with a large angular gradient cyan-to-navy “N” icon followed by spaced uppercase wordmark “NOVALITH”. Across the top center place exactly five Japanese navigation items: 「プロダクト」, 「ソリューション」, 「ドキュメント」, 「リソース」, 「会社情報」. Top-right has 「ログイン」 and a rounded teal CTA button labeled {argument name="contact button text" default="お問い合わせ"} with a right arrow.
Hero layout: Left side contains a large bold navy Japanese headline in two lines: {argument name="headline text" default="データを、未来の意思決定に変える。"}. Under it place a smaller Japanese subheadline: {argument name="subheadline text" default="NOVALITHは、開発・運用・データの複雑さを解消し、信頼できるデータ基盤で、事業の成長を加速させます。"}
Feature row: Beneath the subheadline show exactly three compact feature blocks, each with a thin teal line icon, bold Japanese title, and two-line description. The three blocks are: 1) stacked-layers icon, title 「統合された基盤」, description 「データとシステムを一元的に統合」; 2) shield-check icon, title 「堅牢なガバナンス」, description 「セキュリティと品質を標準で確保」; 3) rising chart arrow icon, title 「高速な意思決定」, description 「信頼できるデータで意思決定を加速」.
Hero buttons: Below the feature row place exactly two rounded buttons: a filled teal primary button labeled {argument name="primary cta text" default="プロダクトを見る"} with a right arrow, and a white outlined secondary button labeled 「資料をダウンロード」 with a download icon.
Right side visual: Create a large tilted floating dashboard panel with rounded corners, soft shadow, and a glossy white UI. Behind it place a monumental 3D translucent teal/navy “N” structure and angular cyan glass panels, extending off the right edge. The dashboard should show a sidebar, top utility icons, analytics cards, line charts, a pipeline diagram, an alert table, and a donut chart.
Dashboard details: Include exactly six sidebar menu items: 「ダッシュボード」 highlighted in teal, 「データカタログ」, 「パイプライン」, 「モニタリング」, 「ガバナンス」, 「アラート」. Include exactly four top statistic cards with labels and values: 「データパイプライン」 128, 「データ品質スコア」 98.6%, 「アクティブユーザー」 1,256, 「処理データ量」 2.45 PB. Include exactly three nodes in the pipeline diagram connected by lines, an alert table with exactly four rows, and a donut chart labeled 96% with a three-item legend.
Visual style: Crisp vector-like UI mixed with photorealistic 3D glass, airy spacing, premium startup landing page aesthetics, high readability, soft shadows, subtle cyan glow, accurate Japanese typography, no people, no clutter, no watermark.