클라이언트 정보
0 / 3 선택됨
무드 프리셋
업종+형용사 자동 추천 · 클릭으로 변경구현 규칙(pin·scrub·타임라인·모바일 대체·에셋 요구사항)은 자동으로 붙습니다.
페이지 구조
필수 섹션은 고정순서는 출력 시 자동 정렬됩니다. ★시그니처 챕터는 프리셋이 결정하며 항상 포함.
인터랙션 · CTA
기본 세트 + 시그니처는 자동스무스 스크롤 · 섹션 리빌 · 헤드라인 단어 스플릿 · 숫자 카운트업 · ★프리셋 시그니처 1개
패럴랙스 이미지 가벼움
스크롤하면 배경 사진이 본문보다 느리게 움직여 깊이감이 생긴다.
마그네틱 CTA 버튼 가벼움
커서가 다가가면 버튼이 살짝 끌려온다. 클릭 유도.
커스텀 커서(데스크톱) 가벼움
기본 커서 대신 브랜드 색 원. 이미지 위에서 커지며 라벨이 뜬다.
3D 틸트 카드 가벼움
카드에 마우스를 올리면 원근감 있게 기울어진다.
비포&애프터 비교 슬라이더 가벼움
손잡이를 밀면 시공 전/후가 갈라져 보인다.
가로 드래그 스트립 가벼움
카드가 옆으로 흐른다. 손으로 잡고 던질 수 있다.
무한 키워드 마퀴 가벼움
키워드 띠가 끊임없이 흐른다. 스크롤 속도에 반응한다.
듀오톤→컬러 이미지 호버 가벼움
썸네일이 흑백이다가 마우스를 올리면 컬러로 살아난다.
스크롤 속도 기울기(velocity skew) 가벼움
빠르게 스크롤하면 요소가 살짝 기울고, 멈추면 제자리로 돌아온다. 속도가 눈에 보인다.
커서 근접 확대 그리드 가벼움
커서가 지나가면 주변 격자가 물결처럼 부풀어 오른다. macOS 독 느낌.
글자 스크램블 확정 가벼움
글자가 지직거리며 돌다가 최종 값으로 확정된다. 숫자·기록에 쓴다.
커서 추적 이미지 프리뷰 가벼움
목록에 마우스를 올리면 그 항목의 사진이 커서를 따라다닌다.
커서 트레일 가벼움
커서 뒤로 잔상 점들이 꼬리처럼 따라온다.
롤링 텍스트(문자 롤업) 가벼움
버튼에 마우스를 올리면 글자가 위로 굴러 올라가며 교체된다.
스태거 등장(리스트) 가벼움
목록이 화면에 들어오면 항목이 차례로 떠오른다.
아코디언 auto height 가벼움
FAQ를 누르면 내용 높이에 맞춰 부드럽게 펼쳐진다.
방향 인식 헤더 가벼움
아래로 내리면 헤더가 숨고, 위로 올리면 바로 다시 나타난다.
줌 트랜지션 중간
섹션이 바뀔 때 사진이 서서히 조여든다.
비디오 배경(히어로) 중간
첫 화면 배경이 영상으로 재생된다.
SVG 라인 드로잉(scrub) 중간
스크롤에 맞춰 선이 그려진다. 차트·경로·심전도 등.
카드 스택 쌓임 중간
카드가 스크롤에 따라 한 장씩 겹쳐 쌓이고 뒤쪽은 뒤로 물러난다.
스크럽 벤토 갤러리 중간
크기가 제각각인 사진 타일이 스크롤에 맞춰 하나씩 자리를 잡는다.
필터 재배치(Flip) 중간
필터를 누르면 카드가 사라지지 않고 새 위치로 미끄러져 재배치된다.
도형 모핑(MorphSVG) 중간
도형이 다른 도형으로 부드럽게 변형된다. 아이콘 전환·계절 표현에 쓴다.
텍스트 마스킹 리빌 중간
문장이 마스크 아래에서 한 줄씩 밀려 올라온다. 헤드라인 기본기.
무한 루프 패널 중간
패널이 끝없이 순환한다. 끝에 도달해도 끊기지 않는다.
스와이프 슬라이더 중간
손으로 밀어 넘기는 슬라이더. 관성으로 자연스럽게 멈춘다.
갤러리 모달 확대(Flip) 중간
썸네일을 누르면 그 자리에서 커지며 큰 사진으로 이어진다.
곡선 페이지 전환 중간
화면이 곡선을 그리며 덮였다가 걷힌다. 전환이 고급스러워진다.
경로 따라 이동(MotionPath) 중간
아이콘이 정해진 곡선 경로를 따라 이동한다. 배송·시술 단계에 쓴다.
이미지 시퀀스 스크럽(canvas) 무거움
스크롤로 영상처럼 프레임이 넘어간다. 제품 회전·분해에 쓴다.
파티클 캔버스 무거움
배경에 입자가 떠다닌다. 눈·먼지·빛망울 표현.
스크롤 스크럽 비디오 무거움
스크롤을 내리면 카메라가 장면 안으로 날아 들어가고, 올리면 거꾸로 감긴다. 애플 제품 페이지 방식.
커서 브러시 인물 전환 중간
커서가 지나간 자리에만 두 번째 사진이 붓으로 칠한 것처럼 드러나고, 손을 떼면 서서히 사라진다. 움직인 궤적이 곧 형태가 된다. 시술 전/후·시공 전/후·착용 전/후에 그대로 쓴다.
0 / 3 선택됨 · 효과 12종 한눈에 보기 ↗