큐레이션 · 오픈 · 무료

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

일러스트가 숨을 쉴 수 있도록 넉넉한 padding과 margin을 우선시하는 유연하고 여유로운 리듬.

05

표면 (라운드 / 그림자 / 경계선)

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

1px solid 네이비 테두리는 주로 버튼 윤곽에 사용되며, 얇은 테라코타 선은 장식적 구분선 역할을 합니다.

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 세리프와 본문에 깔끔한 humanist 산세리프를 혼합하여 사용하며, 모두 넉넉한 자간으로 설정됩니다. 주요 인터랙션에는 커스텀 바운스 이징 커브가 특징입니다. 순백색, 딱딱한 기하학적 도형, 또는 두껍고 무거운 폰트를 사용하지 마세요. 장식적 일러스트가 내용을 복잡하게 만들지 않고 돋보일 수 있도록 여유롭고 숨 쉬는 레이아웃을 유지하세요.

이 감각을 당신의 에이전트에

이 디자인의 기계 판독 가능한 사양——색상·타이포·모션까지——을 그대로 AI 에이전트에 전달하세요.

OpenDesign 스킬 ↗ · 이 팩 (에이전트용) ↗

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