精選 · 開放 · 免費

Nestig

以溫暖、具設計前瞻性的美學，提供高級嬰兒房與兒童家具。

01

設計氣質 DNA

一家現代、設計精良的嬰兒房家具店，感覺既高級又平易近人。

02

色彩

溫暖的中性背景營造出平靜、welcoming 的氛圍，深海軍藍與淺藍色的點綴則提供清晰的視覺焦點。

03

字型

geometric-serif · humanist-sans

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

使用幾何襯線體作為大型展示標題，增添一絲經典優雅感。 · 使用人文無襯線體作為內文和 UI 元素，以獲得卓越的可讀性與現代感。 · 維持內文行高在 1.5-1.6 的寬鬆範圍，以增強閱讀舒適度。 · 在無襯線文字上應用細微的字間距（0.24-0.28px），以營造精緻、輕盈的外觀。

04

間距

全程使用一致的 4px 基礎單位，常見的 padding 值如 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 秒） · 互動元素在 hover 狀態下的平滑全屬性過渡

元素在 hover 時可能有細微的透明度或色彩變化，cursor: pointer 表示可互動性。 · 按鈕和互動元素有明確的游標狀態和過渡效果。

08

組件

• button 膠囊形按鈕，採用實心色彩填充（如淺藍色 #b3cce8）並搭配寬裕的 padding，營造出友善、易於點擊的感覺。
• card 帶有細微陰影和圓角的卡片，可能包含產品影像。
• chip 雖然不突出，但可能是用於篩選的小型圓角標籤。
• input 圓角輸入欄位，帶有細邊框（#0a0a0a，10% 透明度）和佔位文字。
• hero 一個分割佈局的主視覺，結合大型、暖色調的產品照片與置於柔和背景（#f9f5f2）上的文字內容。

09

文案語氣與禁用清單

• 語氣 溫暖、 welcoming 且具設計意識，直接對重視美學與品質的家長說話。
• 標題風格 清晰而直接，通常使用幾何襯線體來強調，如對話框中所見。
• 按鈕文案 以行動為導向且簡單（例如「贏取入場資格」、「立即購買」），呈現於圓角、色彩鮮明的按鈕中。

• 不要使用刺眼的純白色（#ffffff）作為主要背景——截圖中顯示的是溫暖的米白色（#f9f5f2）。
• 不要使用高飽和度、電光色的點綴色——截圖中顯示的是柔和的粉彩藍（#b3cce8）用於 CTA。
• 不要在按鈕和輸入欄位上使用尖銳的矩形圓角——截圖中顯示的是完全圓潤的膠囊形元素。
• 不要使用密集、小字的文字區塊——截圖中顯示了寬鬆的行高和間距以利閱讀。
• 不要使用厚重、具侵略性的陰影——截圖中顯示了細微、柔和的陰影以增加層次。
• 不要使用純單色調的配色——截圖中顯示了溫暖的中性色調，並在影像和 UI 中刻意使用了藍色和粉紅色的點綴。
• 避免: 避免使用過於技術性的術語
• 避免: 避免使用具侵略性的銷售語言
• 避免: 避免擁擠或混亂的佈局

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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