精選 · 開放 · 免費

Jones Road

一個定位於「毫不費力、百搭實用、肌膚優先」的高端極簡美妝品牌，提供潔淨、具編輯美學風格的彩妝必需品。

01

設計氣質 DNA

精心策劃的高端極簡美妝精選畫廊。

02

色彩

以高對比單色為基底，搭配單一鮮豔的洋紅色強調色，用於互動高亮與徽章。

03

字型

transitional-serif · grotesque-sans · monospaced-sans

• display48px · 400
• body16px · 400
• label14px · 700

使用過渡襯線體作為優雅、高對比度的標題字體。 · 使用簡潔的無襯線體作為內文與主要介面元素。 · 使用粗體、寬幅的無襯線體作為品牌標誌與強力行動呼籲。 · 標籤與按鈕採用大寫字母與寬鬆字間距。

04

間距

充裕的內距與留白空間，打造高端且舒適的版面。

05

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

極簡化，僅使用細緻的 1px 實心黑色或洋紅色線條進行分隔與強調。

rgba(0,0,0,0.25) 0px 5.78px 5.78px 0px

06

版面

全版寬度的主視覺區塊搭配置中內容，銜接至結構化的多欄位產品網格。

07

動效與互動

內容載入時採用平順的淡入過渡。 · 互動元素使用基於透明度的懸停狀態。

按鈕與連結在懸停時有細微的透明度降低或色彩變化。 · 透過色彩變化或細微縮放提供即時視覺回饋。

08

組件

• button 黑底白字大寫文字，銳利邊角，寬鬆字間距。洋紅色變體用於次要操作。
• card 潔淨的白色背景與極簡邊框，聚焦於高品質的產品攝影。
• chip 大寫文字標籤搭配細緻底框，互動狀態切換為洋紅色。
• input 簡潔的線條風格輸入框，搭配黑色邊框，維持極簡美學。
• hero 大尺寸攝影主視覺，搭配襯線體標題、無襯線體描述，以及醒目的黑色行動呼籲按鈕。

09

文案語氣與禁用清單

• 語氣 自信、精緻且直接。
• 標題風格 優雅的襯線體標題，強調簡潔與品質。
• 按鈕文案 粗體、大寫、行動導向，搭配寬鬆字間距。

• 不要在主要按鈕上使用圓角 — 截圖顯示為銳利的矩形按鈕。
• 不要為產品卡片添加陰影 — 截圖顯示為扁平、無邊框的卡片。
• 不要使用多種強調色 — 截圖僅顯示單一洋紅色強調色。
• 不要使用手寫體或書法字體 — 截圖僅顯示襯線與無襯線字體類別。
• 不要使用繁複的背景圖案 — 截圖顯示為潔淨的白色或米白色背景。
• 不要使用狹窄擁擠的間距 — 截圖顯示為充裕的內距與留白。
• 避免: 雜亂的版面
• 避免: 過度裝飾的元素
• 避免: 霓虹或高飽和度的調色盤

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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