精选 · 开放 · 免费

Danielaandmoe

一个优雅、温暖且富有插画感的婚礼庆典编辑网站。

EditorialCurationPhotographicPremiumClean
Danielaandmoe 网站截图
↓ 下载设计系统包 (24 MB)在 OpenDesign 中打开

原站: https://danielaandmoe.com

📦 浏览包内文件 →

01

设计气质 DNA

婚礼庆典编辑温暖邀请函

一套高端的印刷婚礼邀请函，被转化为数字编辑格式。

02

色彩

#11223FInk
#F7BCA5Ink soft
#FEF1ECBG
#FF5734Muted
rgba(255,87,52,1.0)Line

以温暖的大地色调为主，中心是柔和的蜜桃背景与深海军蓝文字，并以赤陶色作为点缀。

03

字体

didone-serif · humanist-sans

所有主要的展示和标题文字使用 Didone 衬线字体，以传达优雅感。 · 正文和较小的标签使用人文主义无衬线字体，以保证可读性。 · 所有大写标签应用宽松的字距，营造精致、开阔的感觉。

04

间距

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

灵活、宽松的节奏，优先使用充裕的 padding 和 margin，让插图有足够的呼吸空间。

05

表面 (圆角 / 阴影 / 边线)

sm · 0px
md · 0px
lg · 0px
pill · 200px

主要用于按钮轮廓的 1px 实线海军蓝边框，以及用作装饰性分隔线的细赤陶色线条。

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

简洁、居中的单栏内容布局，辅以大量浮动的、不对称的有机插图作为装饰。

07

动效与交互

125msmicro
275mssmall
750msmedium
cubic-bezier(0.52, 0.12, 0.46, 1.1)easing

针对按钮等交互元素使用弹性、略带弹跳的过渡效果。 · 背景与 transform 属性采用平缓、缓慢的 ease-out 过渡。

使用自定义 cubic-bezier 缓动曲线实现细微的背景和颜色变化。 · 通过快速过渡提供即时的触觉反馈。

08

组件

09

文案语气与禁用清单

10

包内真实截图

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

抓自真实页面 · 真 computed styles

11

System Prompt

一个温暖的、编辑风格的婚礼网站，融合了优雅的排版与有机的手绘插图。设计使用柔和的蜜桃色（#FEF1EC）背景和深海军蓝（#11223F）文字以形成精致的对比。排版将精致的 Didone 衬线体用于标题，将干净的人文主义无衬线体用于正文，两者都设置了宽松的字距。关键交互采用自定义的弹性缓动曲线。避免使用纯白、僵硬的几何形状或粗重的加粗字体。保持宽敞、有呼吸感的布局，让装饰性插图在不杂乱内容的前提下脱颖而出。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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