큐레이션 · 오픈 · 무료

Manetatoulian

관련 검색 주제를 표시하는 표준 도메인 파킹 랜딩 페이지입니다.

ConsumerCalmProductCleanReference
Manetatoulian 스크린샷
↓ 디자인 시스템 다운로드 (1 MB)OpenDesign 에서 열기

원본 사이트: https://manetatoulian.com

📦 팩 내용 보기 →

01

디자인 DNA

도메인 파킹검색수익화유틸리티

생성된 검색 링크가 있는 디지털 대기실

02

컬러

#B8E4FCAccent
#111111Ink
#FFFFFFBG
#000000Muted
rgba(0,0,0,1.0)Line

라이트 블루 기능적 강조색이 포함된 고대비 흑백입니다.

03

타이포그래피

grotesque-sans

04

여백

4px
8px
16px
24px
32px
48px

16px에서 32px 간격을 가진 수직 스택입니다.

05

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

sm · 5px
md · 6px
lg · 14px
pill · 999px

1px에서 3px의 검은색 실선 테두리입니다.

06

레이아웃

1280container
12columns
24pxgutter
768 / 1024breakpoints

헤더, 콘텐츠 박스, 항목 목록, 푸터입니다.

07

모션과 인터랙션

220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing

hover 상태에서의 전환

CSS 전환이 적용된 기본 포인터 커서입니다. · 표준 링크 내비게이션입니다.

08

컴포넌트

09

보이스와 금지 목록

10

팩 안의 실제 스크린샷

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

11

System Prompt

검색 관련 콘텐츠를 표시하기 위한 최소한의, 유틸리티 중심 인터페이스를 디자인하세요. 비주얼 DNA는 밝은 라이트 블루 강조색이 포함된 고대비 흑백을 기반으로 합니다. 깨끗한 휴머니스트 또는 그로테스크 산세리프 글꼴 계열을 사용하세요. 레이아웃은 기능적 카드의 단일 열 목록으로 엄격히 중앙 정렬됩니다. 핵심 제약 조건: 드롭 쉐도우를 사용하지 마세요. 주요 콘텐츠 블록에 둥근 모서리를 사용하지 마세요. 세리프 서체를 사용하지 마세요. 얇은 테두리를 사용하지 말고 굵은 검은색 윤곽선을 사용하세요. 복잡한 그라디언트를 도입하지 마세요. 채도 낮은 색상 팔레트를 사용하지 말고 텍스트와 배경 사이의 고대비를 유지하세요.

이 감각을 당신의 에이전트에

이 디자인의 기계 판독 가능한 사양——색상·타이포·모션까지——을 그대로 AI 에이전트에 전달하세요.

OpenDesign 스킬 ↗ · 이 팩 (에이전트용) ↗

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