← OpenDesign
큐레이션 · 오픈 · 무료
Manetatoulian
관련 검색 주제를 표시하는 표준 도메인 파킹 랜딩 페이지입니다.
Consumer Calm Product Clean Reference
01
디자인 DNA
도메인 파킹 검색 수익화 유틸리티
생성된 검색 링크가 있는 디지털 대기실
02
컬러
#B8E4FCAccent
#111111Ink
#FFFFFFBG
#000000Muted
rgba(0,0,0,1.0)Line
라이트 블루 기능적 강조색이 포함된 고대비 흑백입니다.
03
타이포그래피
grotesque-sans
display 35px · 700body 16px · 700
04
여백
16px에서 32px 간격을 가진 수직 스택입니다.
05
표면 (라운드 / 그림자 / 경계선)
sm · 5px
md · 6px
lg · 14px
pill · 999px
1px에서 3px의 검은색 실선 테두리입니다.
06
레이아웃
1280 container
12 columns
24px gutter
768 / 1024 breakpoints
헤더, 콘텐츠 박스, 항목 목록, 푸터입니다.
07
모션과 인터랙션
220ms micro
400ms small
800ms medium
cubic-bezier(0.25, 0.1, 0.25, 1.0) easing
hover 상태에서의 전환
CSS 전환이 적용된 기본 포인터 커서입니다. · 표준 링크 내비게이션입니다.
08
컴포넌트
button 흰색 텍스트가 있는 어두운 둥근 버튼 모양의 버튼입니다. card 단색 라이트 블루 배경과 검은색 테두리를 가진 검색 결과 박스입니다. hero 파킹된 도메인 이름과 CTA 버튼이 있는 단순한 텍스트 레이아웃입니다.
09
보이스와 금지 목록
톤 중립적 헤드라인 굵고 직관적인 도메인 이름입니다. CTA 직접적인 행동 유도 문구입니다. 둥근 모서리를 사용하지 마세요 — 스크린샷에서 검색 카드의 모서리가 날카롭고 사각형인 것을 보여줍니다. 드롭 쉐도우를 사용하지 마세요 — 스크린샷에서 표면이 완전히 평평한 것을 보여줍니다. 세리프 서체를 사용하지 마세요 — 스크린샷에서 산세리프 서체만 사용하는 것을 보여줍니다. 여러 배경색을 사용하지 마세요 — 스크린샷에서 단일 평평한 흰색 배경만 사용하는 것을 보여줍니다. 얇은 테두리를 사용하지 마세요 — 스크린샷에서는 두드러지고 두꺼운 검은색 테두리를 사용합니다. 채도 낮은 색상 팔레트를 사용하지 마세요 — 스크린샷에서는 고대비의 검은색, 흰색, 밝은 라이트 블루를 사용합니다. 피하기: 감성 피하기: 시적 표현 피하기: 복잡성 피하기: 모호함
10
팩 안의 실제 스크린샷
桌面首屏(hero) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 移动首屏 실제 페이지에서 캡처 · 실 computed styles
11
System Prompt
검색 관련 콘텐츠를 표시하기 위한 최소한의, 유틸리티 중심 인터페이스를 디자인하세요. 비주얼 DNA는 밝은 라이트 블루 강조색이 포함된 고대비 흑백을 기반으로 합니다. 깨끗한 휴머니스트 또는 그로테스크 산세리프 글꼴 계열을 사용하세요. 레이아웃은 기능적 카드의 단일 열 목록으로 엄격히 중앙 정렬됩니다. 핵심 제약 조건: 드롭 쉐도우를 사용하지 마세요. 주요 콘텐츠 블록에 둥근 모서리를 사용하지 마세요. 세리프 서체를 사용하지 마세요. 얇은 테두리를 사용하지 말고 굵은 검은색 윤곽선을 사용하세요. 복잡한 그라디언트를 도입하지 마세요. 채도 낮은 색상 팔레트를 사용하지 말고 텍스트와 배경 사이의 고대비를 유지하세요.
더 보기
en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
왜 수록: 이 사이트는 자동화된 도메인 파킹 UI의 명확한 예시로, 매우 제약적이고 기능적인 디자인 언어를 사용합니다.