큐레이션 · 오픈 · 무료

Dropmark

크리에이티브 팀을 위한 깨끗하고 친근한 시각적 조직 도구입니다.

01

디자인 DNA

팀 워크플로우를 위한 디지털 핀보드

02

컬러

밝은 흰색 캔버스에 부드러운 웜 그레이와 생동감 있는 시안 악센트를 사용합니다.

03

타이포그래피

humanist-sans

• display56px · 600

주요 타이포그래피는 커스텀 휴머니스트 산세리프 (DropmarkRealHead/Text)입니다. · 헤딩은 친근한 두드러짐을 위해 세미볼드 (600) 웨이트를 사용합니다. · 본문 텍스트는 가독성을 위해 400 웨이트를 유지합니다.

04

여백

넉넉한 수직 간격이 여유롭고 호흡이 편안한 레이아웃을 만듭니다.

05

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

0px 4px 7px 0px rgba(0,0,0,0.1) · inset 0px 0px 0px 2px rgb(220,220,210)

06

레이아웃

명확한 단일 칼럼 히어로 흐름을 가진 중앙 정렬 콘텐츠입니다.

07

모션과 인터랙션

인터랙티브 요소에 표준 불투명도 및 필터 트랜지션 · 호버 상태에 부드러운 배경색 트랜지션

버튼과 인터랙티브 요소에 은은한 색상 변화가 나타납니다. · 미니멀한 프레스 피드백을 포함한 표준 포인터 인터랙션입니다.

08

컴포넌트

• button 주요 버튼은 밝은 시안 채우기와 흰색 텍스트를, 보조 버튼은 밝은 그레이 테두리가 있는 투명 스타일을 사용합니다.
• card 미니멀한 그라데이션과 둥근 모서리를 가진 간단한 흰색 컨테이너입니다.
• chip 제공된 스크린샷에서 두드러지게 등장하지 않습니다.
• input 표준 패딩을 사용한 깨끗하고 미니멀한 텍스트 필드입니다.
• hero 생동감 있는 컬러풀한 추상 일러스트레이션이 뒷받침하는, 중앙 정렬되고 여유로운 헤드라인 영역입니다.

09

보이스와 금지 목록

• 톤 친근하고 전문적이며 초대하는 느낌입니다.
• 헤드라인 조직과 워크플로우에 대한 직접적이고 혜택 중심적인 진술입니다.
• CTA 행동을 유도하고 격려하는 스타일입니다 (예: '무료로 가입하기', '방법 알아보기').

• 어두운 배경을 사용하지 마세요 — 스크린샷은 밝은 흰색(#FFFFFF) 메인 캔버스를 보여줍니다.
• 고대비 빨강이나 녹색 악센트를 사용하지 마세요 — 스크린샷은 밝은 시안(#00AFFA)을 주요 액션 컬러로 사용합니다.
• 주요 버튼에 날카롭고 사각형의 모서리를 사용하지 마세요 — 스크린샷은 둥근 모서리(반경 3-5px)를 보여줍니다.
• 무겁고 기하학적인 산세리프 폰트를 사용하지 마세요 — 스크린샷은 부드러운 휴머니스트 산세리프 스타일을 보여줍니다.
• 요소를 빽빽하게 배치하지 마세요 — 스크린샷은 넉넉한 여백과 명확한 수직 리듬을 보여줍니다.
• 순수 검은색 텍스트를 사용하지 마세요 — 스크린샷은 주요 텍스트로 부드러운 다크 그레이(#404040)를 사용합니다.
• 피하기: 지나치게 기술적인 전문 용어
• 피하기: 공격적인 마케팅 언어
• 피하기: 복잡하거나 위협적인 지침

10

팩 안의 실제 스크린샷

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

11

System Prompt

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