1 / 1

NOVALITH SaaS 着陆页首屏

案列来源：Masao.N

App & 网页设计openai/gpt-image-2#App & 网页设计#3D 渲染#极简主义#图解 & 图表#文字 & 排版

为一家虚构的数据分析平台生成优质的日本 B2B SaaS 着陆页首屏，包含导航、CTA、功能模块以及未来感仪表盘模型。

9.6w人正在用

auto推荐尺寸

1.8w收藏人数

提示词模板

目标：为名为 {argument name="brand name" default="NOVALITH"} 的数据基础设施与分析平台，创建一个精致的虚构 SaaS 着陆页首屏，采用优质的日本 B2B 科技风格。

画布：宽屏桌面网页，16:9 比例，简洁的白色背景搭配淡青色渐变，辅以微妙的网格线条几何图形、浅淡的点阵以及光洁的地面反射。使用深蓝、青色、蓝绿色和白色的未来感企业配色方案。

页眉：左上角放置 Logo，包含一个大型棱角分明的青色至深蓝色渐变“N”图标，后接间距适中的大写字母商标“NOVALITH”。顶部中央放置五个日语导航项： 「プロダクト」、「ソリューション」、「ドキュメント」、「リソース」、「会社情報」。右上角设有 「ログイン」 以及一个圆角青色 CTA 按钮，标签为 {argument name="contact button text" default="お問い合わせ"}，并带有向右箭头。

首屏布局：左侧包含两行醒目的深蓝色日语大标题： {argument name="headline text" default="データを、未来の意思決定に変える。"}。下方放置一行较小的日语副标题： {argument name="subheadline text" default="NOVALITHは、開発・運用・データの複雑さを解消し、信頼できるデータ基盤で、事業の成長を加速させます。"}

功能行：在副标题下方展示三个紧凑的功能模块，每个模块配有细青色线条图标、加粗的日语标题和两行描述。这三个模块分别为：1) 堆叠层图标，标题 「統合された基盤」，描述 「データとシステムを一元的に統合」；2) 盾牌勾选图标，标题 「堅牢なガバナンス」，描述 「セキュリティと品質を標準で確保」；3) 上升趋势图图标，标题 「高速な意思決定」，描述 「信頼できるデータで意思決定を加速」。

首屏按钮：在功能行下方放置两个圆角按钮：一个填充青色的主按钮，标签为 {argument name="primary cta text" default="プロダクトを見る"}，并带有向右箭头；以及一个白色轮廓的次要按钮，标签为 「資料をダウンロード」，并带有下载图标。

右侧视觉：创建一个大型倾斜悬浮的仪表盘面板，具有圆角、柔和阴影和光洁的白色 UI。其后方放置一个巨大的 3D 半透明青色/深蓝色“N”结构和棱角分明的青色玻璃面板，延伸至右侧边缘。仪表盘应显示侧边栏、顶部实用图标、分析卡片、折线图、流水线图、警报表格和环形图。

仪表盘细节：包含六个侧边栏菜单项：以青色高亮的 「ダッシュボード」、「データカタログ」、「パイプライン」、「モニタリング」、「ガバナンス」、「アラート」。包含四个顶部统计卡片，带有标签和数值： 「データパイプライン」 128、「データ品質スコア」 98.6%、「アクティブユーザー」 1,256、「処理データ量」 2.45 PB。流水线图中包含三个由线条连接的节点，警报表格包含四行数据，环形图标注为 96% 并配有三项图例。

视觉风格：清晰的矢量风格 UI 结合写实的 3D 玻璃质感，布局通透，具备优质初创公司着陆页的美学特征，高可读性，柔和阴影，微妙的青色光晕，准确的日语排版，无人物，无杂乱元素，无水印。