程序化陈列馆

电影感产品陈列馆以程序化着色器铺满首屏:大字索引悬停即可显现预览,点击进入独立详情页,视觉随滚动连续变化。复制提示词,一键生成同款陈列馆网页。

Loading preview...
从这段提示词开始

生成由着色器驱动的电影感产品陈列馆

改为咖啡品牌

将陈列内容改为精品咖啡产品线。

试用 Kimi 构建应用
为虚构电动车品牌「极境汽车 Nexus Automotive」打造一个电影感产品陈列馆网站。首屏采用全屏程序化着色器背景:由片元着色器实时生成流动光影作为首屏视觉,上方叠加「行于 / 无界」两行衬线大字与一句副标题,向下滚动后进入品牌宣言段落。核心是一个车型索引:旗舰轿车、旅行 SUV、高性能超跑、都市小车四款车型以超大字号逐行竖排;悬停某一行时,旁侧显现对应车型大图,其余条目压暗;点击后进入独立详情页。每款车配有一段定位引言和三组图文章节(形态、座舱、性能),并可返回列表。另设品牌体验视频区和联系页脚(体验中心地址与营业时间)。整体采用近黑白色调,衬线标题搭配等宽字体标注,滚动平滑,转场使用淡入和轻微视差。交付可直接打开的静态网站,滚动、悬停显影与页面跳转均可真实使用。 将陈列内容改为一个精品咖啡品牌:五条产品线对应五款不同产地的咖啡豆,着色器主视觉改为暖棕色调的热气与咖啡豆粒子;详情页补充产地、处理法、风味与冲煮建议。 
添加预约表单

在详情页底部添加预约咨询表单。

试用 Kimi 构建应用
为虚构电动车品牌「极境汽车 Nexus Automotive」打造一个电影感产品陈列馆网站。首屏采用全屏程序化着色器背景:由片元着色器实时生成流动光影作为首屏视觉,上方叠加「行于 / 无界」两行衬线大字与一句副标题,向下滚动后进入品牌宣言段落。核心是一个车型索引:旗舰轿车、旅行 SUV、高性能超跑、都市小车四款车型以超大字号逐行竖排;悬停某一行时,旁侧显现对应车型大图,其余条目压暗;点击后进入独立详情页。每款车配有一段定位引言和三组图文章节(形态、座舱、性能),并可返回列表。另设品牌体验视频区和联系页脚(体验中心地址与营业时间)。整体采用近黑白色调,衬线标题搭配等宽字体标注,滚动平滑,转场使用淡入和轻微视差。交付可直接打开的静态网站,滚动、悬停显影与页面跳转均可真实使用。 在每个详情页底部添加预约咨询表单,包含姓名、邮箱和留言字段,提交后显示成功状态;导航栏增加常驻的「预约」按钮,点击后平滑滚动至表单。 
生成英文版

将全站文案改为英文,面向海外受众。

试用 Kimi 构建应用
为虚构电动车品牌「极境汽车 Nexus Automotive」打造一个电影感产品陈列馆网站。首屏采用全屏程序化着色器背景:由片元着色器实时生成流动光影作为首屏视觉,上方叠加「行于 / 无界」两行衬线大字与一句副标题,向下滚动后进入品牌宣言段落。核心是一个车型索引:旗舰轿车、旅行 SUV、高性能超跑、都市小车四款车型以超大字号逐行竖排;悬停某一行时,旁侧显现对应车型大图,其余条目压暗;点击后进入独立详情页。每款车配有一段定位引言和三组图文章节(形态、座舱、性能),并可返回列表。另设品牌体验视频区和联系页脚(体验中心地址与营业时间)。整体采用近黑白色调,衬线标题搭配等宽字体标注,滚动平滑,转场使用淡入和轻微视差。交付可直接打开的静态网站,滚动、悬停显影与页面跳转均可真实使用。 将全站文案改为英文,包括大字索引、详情页正文和导航;按英文重新调整字号与行距,着色器视觉与悬停交互保持不变。