큐레이션 · 오픈 · 무료

Simulate

고액 디지털 자산 획득에 초점을 맞춘 프리미엄 도메인 마켓리스팅 페이지.

01

디자인 DNA

프리미엄 도메인 이름을 위한 고급 디지털 부동산 브로커.

02

컬러

딥 인디고를 기반으로 한 고대비 팔레트입니다. 주요 액션에는 밝은 블루를, 보조 하이라이트에는 오렌지를 사용합니다.

03

타이포그래피

geometric-sans · humanist-sans

• display68px · 700
• heading36px · 600
• body16px · 400

04

여백

간격과 패딩을 위한 일관된 4px 기본 스케일링

05

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

rgba(0, 0, 0, 0.1) 0px 15px 20px 0px · rgba(57, 59, 106, 0.18) 23px 23px 24px 0px

06

레이아웃

중앙 정렬된 히어로 콘텐츠를 포함하는 표준 반응형 컨테이너

07

모션과 인터랙션

hover 시 색상 및 background-color 전환 · 로딩 상태용 불투명도 페이드

버튼과 링크에 0.2초 ease-in-out으로 표준 색상/background-color 전환을 적용합니다. · 상태 변경을 통한 즉각적인 피드백.

08

컴포넌트

• button 50px border-radius를 가진 알약 모양의 솔리드 버튼으로, 주요 액션에는 블루(#0073E5), 보조 액션에는 오렌지(#E86D1F)를 사용합니다.
• card 딥 인디고 배경과 미세한 노이즈 텍스처를 가진 large 둥근 직사각형 섹션(12px radius)입니다.
• input 최소한의 패딩을 가진 밑줄 스타일 입력 필드로, 뉴스레터 섹션에만 나타납니다.
• hero 중앙 정렬된 수직 스택으로, 굵은 대형 타이포그래피, 주요 CTA 버튼, 그리고 보조 설명 단락이 특징입니다.

09

보이스와 금지 목록

• 톤 전문적이고 직접적이며 거래 중심적입니다.
• 헤드라인 도메인 자산에 초점을 맞춘 짧은 대문자 또는 굵은 글씨 선언문.
• CTA '가격 제안하기' 또는 '가입하기'와 같은 명확하고 행동 지향적인 버튼.

• 주요 CTA에 밝은 배경을 사용하지 마세요 — 스크린샷에는 솔리드 블루색 '가격 제안하기' 버튼이 나타납니다
• 헤드라인에 넓은 자간을 사용하지 마세요 — 스크린샷에는 타이트한 네거티브 자간(-1px ~ -2px)이 나타납니다
• 여러 강조색을 사용하지 마세요 — 스크린샷에는 주요 액션에 블루색, 보조 하이라이트에 오렌지만 엄격히 사용됩니다
• 장식용 세리프를 사용하지 마세요 — 스크린샷에는 깔끔한 기하학적 및 휴머니스트 산세리프 서체가 나타납니다
• 주요 버튼에 사각형 모서리를 사용하지 마세요 — 스크린샷에는 50px 알약 모양의 border-radius가 나타납니다
• 복잡한 그래디언트를 사용하지 마세요 — 스크린샷에는 어두운 배경 위의 플랫한 색상과 미세한 노이즈 텍스처가 나타납니다
• 피하기: 비공식적인 언어
• 피하기: 장난스러운 은유
• 피하기: 과도한 느낌표

10

팩 안의 실제 스크린샷

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

11

System Prompt

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