精選 · 開放 · 免費

Isla Beauty

一個以極簡、現代美學提供濃縮、高效美容產品的頂級護膚品牌。

01

設計氣質 DNA

一個結合簡潔美學與科學功效的奢華護膚品牌。

02

色彩

一套溫暖、精緻的調色盤，以奶油白與炭灰色為主導，並以一個引人注目、充滿活力的紅色強調色點綴。

03

字型

transitional-serif · humanist-sans

• display64px · 400

使用過渡襯線體作為大膽、具表現力的標題字型。 · 使用人文無襯線體作為清晰、易讀的內文與導覽字型。 · 為標題文字保持緊湊的字間距，以營造精緻感。

04

間距

一致的 4px 格線提供結構，並在推廣區域使用寬敞的間距，以維持高級、不擁擠的感受。

05

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

rgba(0, 0, 0, 0.06) 0px 2px 8px 0px · rgba(0, 0, 0, 0.1) 0px 5px 10px 0px

06

版面

一個乾淨、置中的版面配置，帶有固定於頂部的導覽列，以及大型、沉浸式的攝影區塊。

07

動效與互動

彈出視窗覆蓋層的流暢淡入過渡。 · 互動元素上的細微 hover 過渡效果。 · 推廣橫幅移動的變換動畫。

互動元素上細微的顏色或透明度變化，以提供清晰的回饋。 · 立即的視覺回應，通常伴隨過渡到新狀態或彈出視窗。

08

組件

• button 極簡的按鈕，帶有細微邊框或實心填充，通常使用大寫文字與膠囊形或微圓角設計。
• card 乾淨的產品呈現方式，依賴高品質攝影與寬敞的留白空間。
• chip 用於篩選或問卷選項的簡約文字式選擇標籤。
• input 乾淨、不顯眼的輸入欄位，帶有最小化的邊框。
• hero 一個全寬、沉浸式的攝影英雄區塊，疊加大型、具表現力的文字。

09

文案語氣與禁用清單

• 語氣 自信、極簡且強調效益。
• 標題風格 具表現力且常帶有對話感，混合使用襯線與無襯線字型來強調。
• 按鈕文案 直接且具行動導向，按鈕中常使用大寫文字。

• 不要使用複雜的漸層——截圖顯示的是純淨、乾淨的背景色。
• 不要使用深色模式——網站全程採用明亮的奶油色調。
• 不要為標題使用活潑或圓潤的無襯線字型——截圖使用過渡襯線體作為具表現力的標題。
• 不要在元件上使用厚重的陰影——截圖顯示的是非常細微、柔和的陰影以營造層次感。
• 不要使用明亮的霓虹色或原色——截圖在柔和的暖色調中，使用了一個特定、鮮明的紅色強調色。
• 不要使用多欄式文字區塊——截圖使用寬敞的留白與置中的單欄式版面配置，以確保可讀性。
• 避免: 雜亂或忙碌的版面配置
• 避免: 鮮豔或霓虹色彩
• 避免: 過於複雜的字型排版

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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