精選 · 開放 · 免費

Rebeccaatwood

一個將植萃攝影與精緻字體排印相融合的匠心紡織品牌。

PhotographicPremiumRefinedEditorialClean
Rebeccaatwood 網站截圖
↓ 下載設計系統包 (42 MB)在 OpenDesign 中開啟

原站: https://rebeccaatwood.com

📦 瀏覽包內檔案 →

01

設計氣質 DNA

匠心植萃精緻有機工作室

一個陽光充沛的匠心工作室，有機的質感與編輯排印在此交會。

02

色彩

#F5A73CAccent
#000000Ink
#F5F5F5BG
#F1F1F0BG soft
#6084B5Muted
rgba(0,0,0,1)Line

一個克制的中性色板，以白色與溫暖的大地色調為主，讓充滿活力、高飽和度的橙色點綴成為在有機攝影背景上的單一、充滿能量的視覺焦點。

03

字型

transitional-serif · monospace

所有主要標題與品牌識別均使用 Signifier。 · 功能性介面元素（如導覽連結、按鈕文字與標籤）使用 monospace 字體。

04

間距

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

寬裕的內距與區塊間距，讓影像得以呼吸。

05

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

sm · 0px
md · 0px
lg · 0px
pill · 999px

極簡或不存在；依靠間距與背景色變化來區隔元素。

06

版面

1280container
12columns
24pxgutter
768 / 1024breakpoints

全版面出血的攝影背景搭配疊加的字體排印，過渡至潔淨的白色網格以展示產品。

07

動效與互動

220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.46, 0.45, 0.94)easing

流暢的不透明度與背景色過渡，持續 0.5 秒。 · 顯示動畫時細微的高度變化。

細膩的游標指標狀態，可能伴隨不透明度或色彩的輕微變化。 · 標準的指標狀態。

08

組件

09

文案語氣與禁用清單

10

包內真實截圖

Rebeccaatwood — 桌面首屏（hero）
桌面首屏（hero）
Rebeccaatwood — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Rebeccaatwood — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Rebeccaatwood — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Rebeccaatwood — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Rebeccaatwood — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Rebeccaatwood — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Rebeccaatwood — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Rebeccaatwood — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Rebeccaatwood — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Rebeccaatwood — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Rebeccaatwood — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Rebeccaatwood — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Rebeccaatwood — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Rebeccaatwood — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Rebeccaatwood — 移动首屏
移动首屏

擷取自真實頁面 · 真 computed styles

11

System Prompt

此網站是一個高端、匠心的紡織品牌電子商務平台。其設計 DNA 由一個克制、溫暖的中性色板（#F1F1F0、#F5F5F5）定義，讓高品質的植萃攝影得以呈現。字體排印融合了精緻的過渡襯線體（Signifier）用於展示與內文，以及乾淨的 monospace（SohneMono）用於功能性介面元素如導覽與按鈕。單一、高飽和度的橙色點綴（#F5A73C）謹慎地用於電子報彈出視窗。關鍵的禁忌：絕不使用強烈或霓虹色彩，絕不使用圓角或陰影，且始終優先考量寬裕的間距而非雜亂的佈局。整體美學是編輯式且精緻的，高度依賴攝影來敘事。

把這份品味接進你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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