精選 · 開放 · 免費

Sometimesalways Com Au

一家精品線上瓶裝店，提供有趣的飲品，具備溫暖、活潑且經策展的美學。

01

設計氣質 DNA

一家友善的在地瓶裝店，帶有策展風格與編輯美感。

02

色彩

溫暖、大地色調的背景，搭配高對比的黑色排版，並以鮮明的橙色作為互動元素的強調色。

03

字型

didone-serif · grotesque-sans

• display50px · 400
• h140px · 400
• body20px · 400
• caption12px · 400

主要展示標誌與 serif 襯線裝飾使用 SunsetSerial-Light。 · 所有內文、導覽與 UI 元素使用 Founders Grotesk。 · 謹慎使用粗體，主要用於句子中的強調。

04

間距

互動元素採用寬敞的 padding (20px)，網格佈局則保持一致的間距 (20px)。

05

表面 (圓角 / 陰影 / 邊線)

1px solid black 或 #333333

0px 2px 0px 0px rgba(0, 0, 0, 0.035) · 0px 5px 40px 0px rgba(0, 0, 0, 0.16) · 0px 8px 24px 0px rgba(0, 0, 0, 0.16)

06

版面

全寬促銷橫幅、帶有圓角的主視覺區塊，後接響應式網格以展示產品列表。

07

動效與互動

按鈕與連結在 hover 狀態下的 opacity 與 transform 轉場。 · 互動元素的平滑色彩過渡。

連結與按鈕上的細微 opacity 變化或色彩偏移。 · 立即回應，並伴隨平滑轉場。

08

組件

• button 藥丸形按鈕，帶有寬敞的 padding，通常有細薄的 1px 邊框。
• card 圖像為主的卡片，具有大型圓角 (20px 或 40px)，下方配以極簡文字。
• chip 小型藥丸形標籤（例如：「前衛」、「傳統」），帶有 1px 邊框。
• input 簡單的文字輸入框或搜尋欄位，採用極簡樣式。
• hero 大型圓角圖片容器，品牌名稱以 serif 字體覆蓋其上。

09

文案語氣與禁用清單

• 語氣 友善、平易近人且略帶活潑。
• 標題風格 直接、隨性，有時使用活潑的箭頭 (→) 取代破折號。
• 按鈕文案 清晰且以行動為導向，常使用大寫文字。

• 不要使用冰冷、臨床感的白色背景——截圖顯示的是溫暖的蜜桃色背景。
• 不要使用嚴格極簡、稀疏的佈局——截圖顯示的是密集、富含圖像的編輯風格佈局。
• 不要在卡片上使用尖銳的 0px border-radius——截圖顯示的是大型 20px 或 40px 圓角。
• 不要使用生硬、僵化的字體——截圖顯示的是活潑 serif 與簡潔 grotesque sans 的混合使用。
• 不要使用高對比的深色模式——截圖使用的是溫暖、明亮的調色盤。
• 不要使用複雜、多色的漸層——截圖依賴的是實心溫暖色調與攝影圖片。
• 避免: 過於正式或生硬的語言
• 避免: 密集、難以閱讀的文字區塊
• 避免: 生硬、企業化的設計模式

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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