큐레이션 · 오픈 · 무료

Moderne St

창의 팀을 위해 맞춤화된 광고 아이디어와 인사이트를 제공하는 디지털 워크스페이스입니다.

01

디자인 DNA

광고 팀을 위한 활기차고 일러스트레이션이 적용된 창의 스튜디오입니다.

02

컬러

따뜻한 오프화이트 배경과 딥 인디고 섹션, 밝은 코랄 액센트가 대비를 이룹니다.

03

타이포그래피

humanist-sans · transitional-serif

• display56px · 500
• body16px · 400

임팩트 있는 대형 디스플레이 텍스트에는 휴머니스트 산세리프를 사용합니다. · 본문과 상세 설명에는 트랜지셔널 세리프를 사용합니다. · 대형 디스플레이 텍스트와 본문 사이에 명확한 타이포그래피 계층을 유지합니다.

04

여백

별도의 콘텐츠 섹션을 구분하기 위한 큰 패딩 블록이 있는 여유로운 수직 간격입니다.

05

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

외곽선이 있는 카드와 버튼에 사용되는 2px의 얇은 테두리입니다.

06

레이아웃

주요 히어로 섹션과 그 뒤에 이어지는 콘텐츠 블록을 가진 표준 반응형 레이아웃입니다.

07

모션과 인터랙션

버튼과 색상 변화 같은 UI 요소에 적용되는 0.15초 빠른 전환입니다.

인터랙티브 요소에 0.15초 빠른 색상 전환입니다. · 클릭에 즉시 반응합니다.

08

컴포넌트

• button 흰색 텍스트가 있는 코RAL 채워진 버튼과 '데모 받기' 변형의 필 모양 버튼입니다.
• card 텍스트나 일러스트레이션이 포함된 얇은 테두리와 둥근 모서리의 카드입니다.
• hero 왼쪽 다크 배경에 큰 텍스트, 오른쪽에 컬러풀한 일러스트레이션이 있는 분할형 히어로입니다.

09

보이스와 금지 목록

• 톤 전문적이고 영감을 주며, 약간 장난기 있는 어조입니다.
• 헤드라인 크고 임팩트 있으며, 창의적 역량 강화에 초점을 맞춘 스타일입니다.
• CTA '시작하기'와 같이 직접적이고 행동 지향적인 스타일입니다.

• 플랫 화이트 배경을 사용하지 마세요 — 스크린샷에는 콘텐츠 섹션용으로 따뜻한 오프화이트(#F3EAE5)가 표시됩니다.
• 다크 섹션에 밝은 기본색을 사용하지 마세요 — 스크린샷에는 딥 인디고(#171C5D)가 표시됩니다.
• 액센트 색상으로 밝은 빨간색을 사용하지 마세요 — 스크린샷에는 소프트 코랄(#FF7E85)이 표시됩니다.
• 본문에 순수 기하학적 산세리프 폰트를 사용하지 마세요 — 스크린샷에는 트랜지셔널 세리프가 표시됩니다.
• UI 요소에 과도하게 둥근 모서리를 사용하지 마세요 — 스크린샷에는 미세한 4px border-radius가 표시됩니다.
• 카드 요소에 드롭 섀도우를 사용하지 마세요 — 스크린샷에는 얇은 테두리가 있는 플랫 디자인이 대신 표시됩니다.
• 피하기: 전문 용어가 과도한 언어
• 피하기: 건조하고 지나치게 기업적인 어조

10

팩 안의 실제 스크린샷

실제 페이지에서 캡처 · 실 computed styles

11

System Prompt

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