精選 · 開放 · 免費

Letsbehonest Eu

一個永續時尚品牌,以高對比的編輯式攝影與溫暖大地色調為特色。

EditorialPhotographicCurationCleanPremium
Letsbehonest Eu 網站截圖
↓ 下載設計系統包 (24 MB)在 OpenDesign 中開啟

原站: https://www.letsbehonest.eu

📦 瀏覽包內檔案 →

01

設計氣質 DNA

永續時尚編輯隨興

時尚編輯雜誌的數位店面。

02

色彩

#892500Accent
#0E0E0EInk
#868686Ink soft
#EEE5D9BG
#F9F6F2BG soft
#B4B4B4Muted
rgba(134, 134, 134, 0.3)Line

溫暖的大地中性色調,以單一深紅色点缀和高對比攝影為基礎。

03

字型

geometric-sans · humanist-sans

導覽與次級標題使用大寫字母。 · 大寫元素保持寬鬆的字距(2px 以上)。 · 混合幾何與人文無襯線字體以建立層次。

04

間距

4px
8px
16px
24px
32px
48px
64px
96px

寬鬆的垂直間距,搭配明確的區段內邊距(例如頂部 114px)。

05

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

sm · 4px
md · 8px
lg · 12px
pill · 999px

極簡,使用 1px solid #868686 作為細微分隔線與互動元素。

06

版面

1280container
12columns
24pxgutter
768 / 1024breakpoints

全版寬度英雄圖像,接著是置中的單欄區段,並留有充足空白。

07

動效與互動

150msmicro
200mssmall
400msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing

互動元素懸停時快速、細微的色彩過渡。 · 輪播幻燈片的平滑過渡。

細微的色彩變化或透明度轉變,通常為 0.15 秒 ease-out。 · 立即的視覺回應。

08

組件

09

文案語氣與禁用清單

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

設計一個高端的編輯式時尚電子商務網站。核心美學建立在溫暖的大地色調上,主要背景為 #EEE5D9,並搭配鮮明的高對比点缀色 #892500。採用幾何與人文無襯線字體的組合,用於展示與內文,並確保導覽和關鍵標籤使用大寫字母。佈局必須以圖片為主,優先展示大型高解析度攝影,搭配寬鬆的空白與極簡的介面框架。避免雜亂的介面、厚重的陰影或看似合成的色彩。確保互動細微,使用快速的 0.15 秒色彩過渡。導覽勿使用小寫字母,卡片勿添加陰影,並勿使用純白背景。

把這份品味接進你的 Agent

把這套設計的機器可讀規格——色彩、字體、動效,整套 DNA——直接交給你的 AI Agent。

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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