큐레이션 · 오픈 · 무료

Automator Community

만료 도메인을 발견하고 확보하기 위한 전문 도마인 마켓플레이스 도구

01

디자인 DNA

도메인 투자자를 위해 맞춤 제작된 깔끔하고 데이터가 풍부한 금융 대시보드

02

컬러

중립적인 흰색 캔버스 위에서 실행 가능한 요소와 핵심 지표를 강조하기 위해 주요 시안 악센트를 활용하는 깔끔하고 데이터 우선의 레이아웃

03

타이포그래피

humanist-sans

• display35px · 700
• h224px · 600
• body16px · 400
• small14px · 400

모든 주요 인터페이스에 DM Sans 사용 · 위계와 강조를 위해 볼드 웨이트(600-700) 사용 · 밀도 높은 데이터 테이블을 위해 넉넉한 lineHeight 유지

04

여백

카드 기본 패딩 16px를 갖춘 표준 4px 그리드 시스템

05

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

1px solid #D1D5DB

0px 4px 8px 0px rgba(0, 0, 0, 0.06) · 0px 1px 2px 0px rgba(0, 0, 0, 0.06)

06

레이아웃

최대 1280px 중앙 컨테이너를 갖춘 12컬럼 그리드로, 데이터 테이블을 위해 표준 수직 리듬을 활용합니다.

07

모션과 인터랙션

인터랙티브 요소의 부드러운 배경색 전환 · 상태 변화를 위한 미묘한 transform 애니메이션 · 광범위한 상태 업데이트를 위한 0.5s 배경 전환

미묘한 배경색 어두워짐 또는 부드러운 그림자 상승 · 배경 이동을 통한 즉각적인 시각적 피드백

08

컴포넌트

• button 둥근 필 버튼, 주요 버튼은 시안에서 퍼플 그라데이션 또는 단색 시안, 보조 버튼은 미묘한 테두리가 있는 흰색
• card 미묘한 그라데이션 또는 밝은 배경 색조가 있는 둥근 컨테이너로, 데이터 블록을 그룹화하는 데 사용됩니다.
• chip 메타데이터용(예: 상태 태그) 인라인 배지, 높은 대비 텍스트가 있는 단색 배경
• input 16px 패딩의 깔끔한 테두리 입력 필드로, focus 시 전환됩니다.
• hero 고대비 배너(그라데이션 배경)와 하단의 부드러운 텍스트 콘텐츠 블록을 결합한 분할 카드 레이아웃

09

보이스와 금지 목록

• 톤 전문적이고 신뢰할 수 있으며 직접적
• 헤드라인 명확하고 볼드하며 데이터 지향적, 유용성과 도메인 가치에 초점
• CTA 행동 지향적이고 두드러지며, 전환을 유도하기 위해 고대비 그라데이션 사용

• 테두리 없는 입력 필드를 사용하지 마세요 — 스크린샷에는 모든 인터랙티브 필드에 명확한 1px 테두리가 나타납니다.
• 단색 팔레트만 사용하지 마세요 — 스크린샷에는 핵심 CTA에 뚜렷한 시안에서 퍼플 그라데이션이 나타납니다.
• 다크 모드 인터페이스를 사용하지 마세요 — 스크린샷에는 흰색(#FFFFFF)과 부드러운 파란색(#DBEEF9)이 주된 배경으로 나타납니다.
• 복잡한 세리프 타이포그래피를 사용하지 마세요 — 스크린샷에는 깔끔한 humanist-sans-serif 폰트 패밀리만 사용됩니다.
• 요소의 날카로운 모서리를 사용하지 마세요 — 스크린샷에는 일관되게 8px~16px 사이의 border-radius가 사용됩니다.
• 깊고 무거운 그림자를 사용하지 마세요 — 스크린샷에는 매우 가볍고 미묘한 rgba(0,0,0,0.06) 상승 효과가 사용됩니다.
• 피하기: 장난스럽거나 지나치게 캐주얼한 언어
• 피하기: 명확한 유용성이 없는 추상적인 비유
• 피하기: 핵심 정보에 낮은 대비 텍스트 사용
• 피하기: 밀도 높고 포맷ting되지 않은 텍스트 벽

10

팩 안의 실제 스크린샷

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

11

System Prompt

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