精選 · 開放 · 免費

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-serif，以傳達優雅感。 · 內文與較小的標籤使用 humanist-sans，以保持可讀性。 · 所有大寫標籤應套用寬鬆的字距，營造精緻、通透的感覺。

04

間距

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

靈活、寬裕的節奏，優先採用充足的內距與外距，讓插圖得以自由呼吸。

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

互動元素（如按鈕）採用彈性、略帶彈跳感的過渡效果。 · 背景與變換屬性採用平滑、緩慢的 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 serif 作為標題，以及簡潔的 humanist sans-serif 作為內文，兩者均設有寬鬆的字距。關鍵互動採用自訂的彈性緩動曲線。請勿使用純白、僵硬的幾何形狀或粗重的字體。維持寬裕、能呼吸的佈局，讓裝飾性插圖得以突出而不使內容雜亂。

把這份品味接進你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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