精选 · 开放 · 免费

Nestig

具有温暖、前瞻性设计美学的高端母婴及儿童家具。

01

设计气质 DNA

一家现代、设计精良的母婴家具店，感觉既高端又平易近人。

02

色彩

温暖的中性色背景营造出平静、亲切的氛围，深海军蓝和浅蓝色点缀则提供了清晰的视觉焦点。

03

字体

geometric-serif · humanist-sans

• display32px · 400
• body16px · 400
• caption13px · 400

大型展示标题使用几何衬线字体，以增添一丝经典优雅感。 · 正文和UI元素使用人文主义无衬线字体，以确保出色的可读性和现代感。 · 正文保持充足的行高（1.5-1.6），以增强阅读舒适度。 · 为无衬线文本应用微妙的字间距（0.24-0.28px），营造精致、透气的外观。

04

间距

全程使用统一的4px基础单位，常见的内边距值如12px和25px，营造出平衡且透气的节奏。

05

表面 (圆角 / 阴影 / 边线)

1px solid rgba(10, 10, 10, 0.1)

rgba(10, 10, 10, 0.05) 0px 4px 5px 0px · rgba(0, 0, 0, 0.1) 0px 0px 10px 0px

06

布局

全宽12列网格，间距为24px。模态窗口是一个居中的、固定定位的覆盖层，在桌面端具有清晰的图像-文本分割。

07

动效与交互

模态窗口出现时的透明度渐隐（0.3秒） · 交互元素悬停状态的平滑全属性过渡

元素在悬停时可能具有微妙的透明度或颜色变化，cursor: pointer 表示其可交互。 · 按钮和交互元素具有明确的光标状态和过渡效果。

08

组件

• button 胶囊形按钮，采用纯色填充（如浅蓝色 #b3cce8）和充足的内边距，营造友好、可点击的感觉。
• card 带有微妙阴影和圆角的卡片，可能包含产品图像。
• chip 不显眼，但可能是用于筛选的小型圆角标签。
• input 圆角输入框，带有细边框（#0a0a0a，10% 不透明度）和占位符文本。
• hero 一个分割布局的英雄区域，将一幅大型暖色调产品照片与柔和背景（#f9f5f2）上的文本内容相结合。

09

文案语气与禁用清单

• 语气 温暖、亲切且具有设计意识，直接与注重美学和品质的父母对话。
• 标题风格 清晰直接，常用几何衬线字体进行强调，如模态窗口所示。
• 按钮文案 行动导向且简洁（例如，“参与抽奖”、“立即购买”），呈现在圆润、多彩的按钮中。

• 不要使用刺眼的纯白色（#ffffff）作为主背景——截图显示的是温暖的米白色（#f9f5f2）。
• 不要使用高饱和度、电光感的强调色——截图显示CTA使用的是柔和的淡蓝色（#b3cce8）。
• 不要在按钮和输入框上使用尖锐的矩形圆角——截图显示的是完全圆润的胶囊形元素。
• 不要使用密集、小字块的文本——截图显示了充足的行高和间距以保证可读性。
• 不要使用沉重、有侵略性的投影——截图显示的是微妙、柔和的阴影以营造层次感。
• 不要使用纯粹的单色调色板——截图显示温暖的中性色，并在图像和UI中刻意运用了蓝色和粉色点缀。
• 避免: 避免过于专业的技术术语
• 避免: 避免侵略性的销售语言
• 避免: 避免杂乱或混乱的布局

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko