专为名为[Neito]的SaaS落地页构建工具设计的极简品牌概念展示板,在[blue, green, orange, purple]四种强调色主题下展示相同的网站界面与品牌识别系统。
构图与布局:
16:9白色画布,呈整齐的2×2网格排列,包含四个留白充裕的模型面板。每个面板均划分为左侧的大尺寸落地页模型与右侧的狭长品牌规范栏两个区域。
落地页模型细节:
- 顶部导航:双斜杠后接“Neito”及微小星芒图标构成的Logo;导航链接包含“Product”、“Templates”、“Pricing”、“About”以及一个黑色圆角“Get started”按钮。
- 首屏区域:正中排版衬线体大标题“[Words become landing pages.]”,衬托该面板强调色的柔和高斯模糊渐变圆环。标题下方为灰色副文本、黑色胶囊按钮“Start for free”,以及三个带图标的小功能标签:“No code”、“Quick setup”、“Always in sync”。
- 底部卡片:三张带细边框与微圆角的矩形卡片。卡片1:“Build pages from your ideas.”与黑色“Try Neito”胶囊按钮;卡片2:“Launching soon.”、邮箱输入框及黑色“Notify me”按钮;卡片3:标有“01”、“Type your thoughts.”及局部裁剪的渐变光环。
品牌规范栏细节:
- 顶部标有“BRAND IDEA”及简短小字段落。
- 由浅灰色细分割线分开的四个标注板块:“COLOR PALETTE”包含Main米白与Accent强调色的两个圆形色块及HEX色值;“TYPOGRAPHY”展示衬线体“Aa”与无衬线体“Aa”字阶;“VISUAL LANGUAGE”包含“Flow”、“Connection”、“Simplicity”、“Flex”四个圆形视觉图元;以及底部的预览卡片“From thought to landing page.”。
风格与美学:
极简Figma设计系统展示风格、单色排版、极细浅灰边线、清晰精致的UI矢量元素、微弱投影、磨砂感弥散渐变与大量留白。无真人、无设备边框、无深色背景。
ui设计品牌识别落地页