精選 · 開放 · 免費
Ino Jewelry
一個高端珠寶品牌，運用雕塑感、極致主義的攝影與鮮明的高對比版面，將產品定位為藝術品。
PremiumProductGalleryPhotographicStudio
01
設計氣質 DNA
前衛雕塑感奢華極致主義編輯風格
如同展示可穿戴雕塑的藝廊，珠寶在此被視為當代藝術作品，而非傳統飾品。
02
色彩
#212123Ink
#000000BG
#FFFFFFBG soft
#A6A6A7Muted
rgba(21,21,23,1)Line
嚴格的高對比單色調，完全依賴白色字體搭配黑色背景，或黑色文字搭配白色產品網格，以營造鮮明的編輯感。
03
字型
geometric-sans
- display
24px · 400 - body
16px · 400 - caption
11px · 400
所有文字使用寬幅幾何無襯線字體 · 標題與標籤頻繁使用大寫字母 · 為緊湊的文字區塊統一使用非常緊湊的行距
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
基於網格系統，文字與圖片周圍使用緊湊、刻意的間距
05
表面 (圓角 / 陰影 / 邊線)
sm · 0px
md · 0px
lg · 0px
pill · 999px
導航分隔線使用細的1px黑色實線，其餘部分無邊框，依賴圖片對比度區分。
06
版面
1440container
12columns
24pxgutter
768 / 1024breakpoints
全出血的主視覺影像，後接鮮明的兩欄不對稱產品網格
07
動效與互動
220msmicro
400mssmall
800msmedium
cubic-bezier(0.12, 0.67, 0.53, 1)easing
淡入 · opacity過渡
可點擊元素的簡單opacity過渡 · 標準游標變為pointer
08
組件
- button 簡單的大寫文字連結，懸停時顯示單一下底線
- card 僅含圖片的卡片，文字標籤置於圖片容器外部
- hero 全螢幕、全出血的攝影背景，搭配居中的白色文字與圖形化logo元素
09
文案語氣與禁用清單
- 語氣 極簡、自信、前衛
- 標題風格 簡短、有力、大寫聲明，如「多即是多」
- 按鈕文案 直接、大寫、懸停時加底線
- 勿使用暖色調 — 截圖顯示嚴格的單色調（黑、白、灰）背景與文字
- 導航或標題勿使用小寫文字 — 截圖顯示「SHOP」、「ABOUT」、「多即是多」均為大寫
- 勿添加陰影或複雜的UI樣式 — 截圖顯示扁平化字體與簡單的1px邊框
- 卡片或按鈕勿使用圓角 — 截圖顯示銳利邊角，僅特定圖示使用標準藥丸形狀
- 勿使用裝飾性或手寫字體 — 截圖僅使用寬幅幾何無襯線字體
- 勿在版面上堆砌多個元素 — 截圖顯示大量留白，聚焦於單一大型圖片
- 避免: 避免過於描述性或華麗的文案
- 避免: 避免暖色調或 playful 元素
- 避免: 避免複雜句式結構
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
這是一個高端、前衛的珠寶電商網站。其設計DNA由鮮明的高對比攝影、嚴格的單色調色板，以及用於大寫文字的寬幅幾何無襯線字體所定義，營造出強烈的編輯感。版面包含全出血的主視覺圖片與簡潔的不對稱網格。主要顏色為深邃黑(#000000)、純白(#FFFFFF)與近黑墨色(#212123)。避免使用暖色調、裝飾性字體、UI元素的小寫文字、複雜陰影、卡片圓角以及雜亂版面。字體應始終保持寬幅、幾何化，標題使用大寫，以維持品牌強烈、雕塑感的識別度。
en · zh-CN · zh-TW · ja · ko