Neito 品牌色彩探索项目

COMMUNITY PROMPT

完整提示词

以下为来源站提供的中文译文，可直接使用或复制后修改。

提示词正文需上传参考图

目标：为一个名为 {argument name="brand name" default="Neito"} 的虚构 SaaS 落地页构建器创建一个简洁的品牌探索项目，展示在 4 个完全相同的色彩方向下重复的网站和品牌标识系统。

画布：宽屏 16:9 白色画布，排列为 2×2 网格，包含四个完整的品牌/网站模型面板，并留有充足的留白。每个面板除强调色和柔和的模糊渐变装饰外，几乎完全相同。

布局：每个面板包含 2 个主要区域：左侧的大型落地页模型和右侧的窄版品牌指南栏。四个强调色主题分别为：1 蓝色，2 绿色，3 橙色，4 紫色。

落地页模型细节：在左上角放置 Logo 标识，即两个正斜杠后接“Neito”以及一个小星星/火花符号。在顶部导航栏放置 5 个项目：Product、Templates、Pricing、About 以及一个黑色的圆角“Get started”按钮。在中心放置一个大的衬线体标题：“Words become landing pages.”。下方添加简短的灰色辅助文案，描述如何将想法和内容转化为精美的落地页，然后是一个写有“Start for free”的黑色胶囊按钮。在按钮下方放置 3 个带有图标的小型功能标签：“No code”、“Quick setup”和“Always in sync”。在英雄区标题后方使用一个巨大的、带有面板强调色的空气感模糊圆形渐变环。

底部网站卡片：在每个英雄区下方放置 3 个带有细边框和圆角的矩形内容卡片。卡片 1 写着“Build pages from your ideas.”，并配有一个黑色小胶囊按钮“Try Neito”。卡片 2 写着“Launching soon.”，包含一个小型圆角电子邮件/输入框以及一个黑色“Notify me”按钮和细抽象圆线图形。卡片 3 编号为“01”，写着“Type your thoughts.”，配有简短描述性文字和右下角一个被裁剪的模糊强调色圆环。

品牌指南栏：添加一个小标题“BRAND IDEA”和一段小字号的黑色日式段落文本。下方创建 4 个由细灰色水平线分隔的标注部分：COLOR PALETTE、TYPOGRAPHY、VISUAL LANGUAGE 和一张示例卡片。在 COLOR PALETTE 中展示 2 个圆形色块，分别标注为 Main 和 Accent；Main 色块接近白色，Accent 色块与面板颜色匹配，每个色块旁附有十六进制颜色代码标签。在 TYPOGRAPHY 中展示 2 个字体样本：一个标注为标题的大号衬线体“Aa”和一个标注为正文的小号无衬线体“Aa”。在 VISUAL LANGUAGE 中展示 4 个圆形图标，分别标注为 Flow、Connection、Simplicity 和 Flex，其中一个或多个使用强调色作为模糊环。最后的示例卡片写着“From thought to landing page.”，配有简短副标题和被裁剪的模糊强调色圆环。

视觉风格：极简高级网页设计展示，单色排版，大量留白，细浅灰色分隔线，微妙阴影，柔和磨砂渐变，衬线标题搭配微小的现代无衬线 UI 标签。保持整体清晰，如同 Figma 品牌探索截图。使用 {argument name="headline text" default="Words become landing pages."} 作为重复的英雄区主标题，使用 {argument name="accent palette" default="blue, green, orange, purple"} 作为四种颜色变体，以及 {argument name="canvas ratio" default="16:9"}。

约束：展示 4 个面板，每个面板 3 个底部网站卡片，每个面板 2 个品牌区域，每个品牌指南 2 个色块，每个品牌指南 2 个字体样本，以及每个品牌指南 4 个视觉语言图标。不要添加照片、人物、设备边框、深色背景或额外的面板。

来源与说明

由 塚本賢志 / Kenshi Tsukamoto 发布，经 YouMind 收录。提示词与图片权利归原作者及相应平台。

查看原始来源

完整提示词

来源与说明

继续阅读