精選 · 開放 · 免費

Poppi

充滿活力、受普普藝術啟發的 DTC 飲料品牌，運用大膽色彩和活潑幾何圖形。

01

設計氣質 DNA

一個充滿活力、復古風格的果汁吧，結合了現代健康品牌。

02

色彩

以鮮明黃色為基底，搭配搶眼熱粉色強調色，構建高對比、高飽和度的色調。

03

字型

grotesque-sans

• display60px · 700
• h128px · 700
• body16px · 400

使用小寫文字變換，營造隨性、友善的語氣。 · 在標題級別套用緊湊的負字距，以增強視覺衝擊力。 · 維持文字與鮮明背景顏色之間的高對比度。

04

間距

彈性內距，通常為 16px 或 32px，主要區塊之間則有較大的垂直間距。

05

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

常用 2px solid rgb(229, 231, 235) 作為輸入欄位與卡片的邊框。

None: None · None: None · None: None

06

版面

此彈出視窗採用標準的置中單欄佈局。

07

動效與互動

background-color、color 和 box-shadow 的平滑過渡效果。 · 元素可見性的透明度淡入淡出。

背景顏色或 box-shadow 的細微變化，通常帶有過渡效果。 · 即時的視覺回饋，可能透過顏色變換或 transform 實現。

08

組件

• button 寬版、膠囊狀按鈕，採用實心背景（例如：粉色）搭配白色文字。
• card 元件通常採用鮮明、實心的背景顏色和圓角設計。
• chip 在分析的截圖中未明顯呈現。
• input 標準圓角輸入欄位，採用實心背景和細微邊框。
• hero 全版面、鮮明的漸層背景，搭配大型字體排印和突出的產品圖像。

09

文案語氣與禁用清單

• 語氣 活潑、熱情且對話式。
• 標題風格 大膽、小寫且具衝擊力，常使用品牌專屬的復古字體。
• 按鈕文案 直接、友善且以行動為導向（例如：「保持聯繫」）。

• 避免使用柔和、去飽和的顏色——截圖顯示的是鮮明、高飽和度的黃色和粉色。
• 避免在標題中使用大寫文字——截圖顯示的是全小寫的字體排印。
• 避免在主要元件中使用銳利的矩形圓角——截圖顯示的是較大的 border-radius（10px 至 9999px）。
• 避免使用細微、散開的陰影——截圖顯示的是實心、硬邊的偏移陰影（5px 5px 0px）。
• 避免使用深色模式——截圖顯示的是明亮、以淺色為主的色調。
• 避免在此類聚焦的彈出視窗中使用複雜的格線佈局——截圖顯示的是置中單欄佈局。
• 避免: 正式語言
• 避免: 複雜術語
• 避免: 過於嚴肅的語氣

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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