본문으로 건너뛰기

DUOLABS PAGE페이지 패턴

전체 패턴275 페이지 레시피20 패턴 추가 이력 패턴 비교함

개요 회사 소개와 팀 FAQ 도입 프로세스 라인 도입 여정 카드 서비스 준비 현황 패널 효과·노력 우선순위표 공간 주석 스레드 서비스 큐 비주얼라이저 세계 일조 시간 계획표 스토리보드 스트립 편집기 비동기 업무 공유판 피드백 분류함 업무 인계 체크리스트 회의 안건 타이머 팀 업무 배분표 작업 의존 관계도 승인 파이프라인 실시간 협업 현황판 챕터 리딩 레일 마이크로 칸반 보드 가용 시간 캘린더 팀 카드 복사 버튼 프로세스 스텝 스크롤 진행 바

개요 지역별 지표 버블 지도 기간별 지표 추이 카드 드릴다운 트리맵 공정 안정성 관리도 상자 수염 분포 탐색기 다기준 평행 좌표 비교 시장 구성 마리메코 목표 대비 불릿 차트 응답 균형 발산형 차트 채널별 스몰 멀티플 추이 코호트 리텐션 탐색기 불확실성 밴드 차트 시계열 범위 브러시 변화폭 슬로프 비교 레이어형 스트림그래프 코드 관계 탐색기 필터형 비스웜 분포 다중 신호 호라이즌 차트 순위 변동 범프 차트 캘린더 히트맵 인터랙티브 생키 플로우

개요 기간 선택 필드 설정 항목 목록 로그인 화면 상담 안내 분할 폼 무료 업무 진단 신청 폼 접근 가능한 서명·동의 패드 제스처 패턴 잠금 파일 드롭존 비밀번호 강도 입력 스키마 폼 빌더 주소 자동완성 폼 OTP 인증 코드 금액·통화 입력 검색형 콤보박스 태그 토큰 입력 조건부 스마트 폼 멀티스텝 온보딩 폼 계정 위험 작업 영역 역할 권한 매트릭스 연결 계정 관리자 활성 세션 관리자 로그인 보안 설정 프로필 설정 패널 엘라스틱 슬라이더 연락처 섹션 뉴스레터 구독

개요 범위 지정 검색창 관리 콘솔 사이드바 메뉴 노선 경로 탐색기 키네틱 그리드 메뉴 공간 북마크 캔버스 비선형 여정 스위처 연관 주제 탐색기 분할 비교 검색 변경 이력 탐색기 방사형 필터 탐색기 페이지 미니맵 내비게이션 시대 줌 타임라인 내비게이터 적응형 브레드크럼 의사결정 기록 버전 비교 화면 세그먼트 보기 전환 오디오 파형 탐색기 검색 결과 없음 상태 고급 검색 쿼리 빌더 저장된 검색 조건 정렬·보기 전환 툴바 활성 필터 칩 바 패싯 필터 패널 검색 결과 페이지 레이디얼 액션 메뉴 연동 그리드 탭 섹션 타임라인

개요 단계형 결제 주문 요약 패널 미니 장바구니 상품 옵션 구성 비교표 가격 플랜

개요 반응형 이미지 초점 편집기 반응형 아트보드 자막 타임라인 편집기 포스터 편집기 레이어 편집기 오디오 파형 트리머 색상 팔레트 편집기 다중 색상 그라디언트 편집기

개요 배포 소스 선택기 기능별 코드 미리보기 연동 서비스 선택 카드 핵심 원칙과 FAQ 프로젝트 쇼케이스 인덱스 기술 역량 근거 섹션 파트너 로고 띠 출시 상태 안내 바 분기 시나리오 탐색기 서비스 상태 요약 활동 데이터 테이블 별자리 관계 맵 아코디언 갤러리 사례 카드 하단 고정 CTA 바 기능 쇼케이스 블로그·리소스 카드 카운트다운 로고 클라우드 공지 바 CTA 밴드 사이트 푸터 사이트 헤더 스플릿 히어로 가로 스크롤 섹션 스크롤리텔링 스티키 스택 벤토 그리드 기능 그리드 고객 후기 마퀴 스트립 FAQ 아코디언 카운트업 통계

개요 원형 타이포 오비트 에디토리얼 타이포 시스템 키네틱 타이포 시퀀서 가변 타이포 축 편집기 라이브 타이포 마스크 히어로 키네틱 월드 모자이크 평행 세계 렌즈 히어로 시네마틱 장면 릴 히어로 필드 노트 콜라주 히어로 몰입형 포털 히어로 제품 전시 히어로 에디토리얼 건축 히어로 시네마틱 랜드스케이프 히어로 웨이브 텍스트 네온 텍스트 아웃라인 필 스플릿 플랩 샤인 텍스트 스크램블 텍스트 타이포 커튼 인트로 파티클 인트로 로테이팅 타이핑

개요 2축 파라미터 패드 제약 조건 패널 리사이저 올가미 다중 선택 상태 전환 지도 모션 경로 작곡기 스프링 전환 조율기 종이 접기 펼침 근접 반응 그리드 자석식 항목 분류 토스 카드 의사결정 길게 눌러 확인 SVG 아이콘 형태 전환 포커스 타이머 홀로그램 출입증 스크래치 카드 키네틱 다이얼 카드 팬 근접 반응 독 3D 링 캐러셀 구이 내비 앵커 툴팁 스크롤 구동 애니메이션 공유 요소 모프 비포/애프터 슬라이더 맨 위로 버튼 오빗 배지 커서 트레일 컨페티 버스트 보더 빔 스포트라이트 카드 스크롤 텍스트 필 글리치 텍스트 스크롤 나타내기 3D 틸트 쇼케이스 자석 버튼

개요 스캔라인 변위 포스터 종이 절개 깊이 장면 ASCII 파동 필드 분광 유리 표면 배경 질감 조절기 이퀄라이저 바 레이더 스캔 필드 인터랙티브 워프 터널 리사주 빛 베틀 크로매틱 코스틱 빛나는 광섬유 다발 셀룰러 라이프 그리드 마그네틱 필링 필드 리퀴드 메탈 멤브레인 뉴럴 펄스 네트워크 볼류메트릭 라이트 빔 크리스털 프랙처 포톤 웨이브 서피스 샌드 드리프트 오로라 라이트 커튼 보로노이 크리스털 셀 플루이드 잉크 리액션 디퓨전 기어 연동 장치 스텐실 그림자 극장 클라드니 공명판 파동 함수 붕괴 미니 도시 육각 서리 결정 정원 렌티큘러 플립 타일 연쇄 도미노 필드 미우라 오리가미 지형 레인 디플렉터 삼각 메쉬 멤브레인 그래비티 웰 커플드 스트링 필드 반응형 스웜 필드 픽셀 웨이크 인터랙티브 전기장 메타볼 커서 필드 리플 래티스 탄성 도트 매트릭스 포인터 플로우 필드 인터랙티브 모아레 펄스 회로 기판 프리즘 레이 필름 그레인 필드 토포그래픽 등고선 하프톤 필드 포인터 빔 그리드 리퀴드 블롭 매트릭스 레인 워프 스타필드 오로라 배경 파티클 그물망

개요 이름 입력 삭제 확인 첫 실행 로그인 안내 미리보기 메가 메뉴 다중 선택 트레이 변경 검토 다이얼로그 스포트라이트 가이드 알림 센터 컨텍스트 메뉴 라이브 액티비티 커맨드 팔레트 쿠키 동의 배너 토스트 알림 앱 다운로드 오버레이 솔루션 런처 라이브 데모 모달

개요 모바일 에이전트 세션 카드 모바일 필터 드로어 모바일 드로어

자석 버튼

모션·인터랙션

커서가 위에 있는 동안 중심 방향으로 끌려오는 CTA 래퍼. 떠나면 스프링백.

cta hover micro-interaction

미리보기

새 탭에서 열기

커서를 버튼 위에 올려 보세요. 중심 방향으로 살짝 끌려옵니다.