精选 · 开放 · 免费

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 字体。 · 功能性 UI 元素（如导航链接、按钮文本和标签）使用等宽字体。

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），以及用于导航和按钮等功能性 UI 元素的简洁等宽字体（SohneMono）。单一的高饱和度橙色点缀（#F5A73C）仅少量用于新闻通讯弹窗。关键禁忌：绝不使用侵略性或霓虹色，绝不使用圆角或投影，并始终优先考虑充足的间距而非拥挤的布局。整体美学是编辑式且精致的，高度依赖摄影叙事。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效，整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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