BIZLAB

AIPM

v2.7 · AI PROMPT MAKER
정산세무회계 데모
정산세무회계 데모의 설정을 불러왔습니다. 브랜드명은 비워 두었으니 내 브랜드를 넣고 생성해 보세요. 업종·프리셋·섹션도 자유롭게 바꾸실 수 있습니다. 데모 페이지 열기 ↗
01

클라이언트 정보

전문적인 차분한 정직한 학구적인 신뢰가는 정밀한 투명한 기술적인 믿음직한 고급스러운 절제된 은밀한 세련된 따뜻한 정성스러운 수제의 아늑한 강렬한 역동적인 대담한 젊은 부드러운 안전한 다정한 편안한 단아한 깊이 있는 전통의 미니멀한 감각적인 정제된 국제적인 갤러리 같은 명확한 체계적인 열정적인 전략적인 목표지향적인 한적한 청량한 여유로운 자연스러운 머물고싶은 견고한 노련한 거침없는 장비다운 섬세한 트렌디한 정갈한 손이가는

0 / 3 선택됨

02

무드 프리셋

업종+형용사 자동 추천 · 클릭으로 변경
⚠ 최근 3건과 같은 프리셋입니다. 같은 상권에 같은 얼굴을 납품하지 않도록 다른 프리셋을 검토하세요.

구현 규칙(pin·scrub·타임라인·모바일 대체·에셋 요구사항)은 자동으로 붙습니다.

03

페이지 구조

필수 섹션은 고정
히어로 [필수] 공감(문제 제기) ★시그니처 챕터 [필수] 서비스/작품 그리드 비포&애프터 진행 프로세스 전문가/팀 소개 브랜드 스토리 후기·소셜 프루프 성과 숫자 가격표 FAQ 최종 CTA(+폼) [필수] 오시는 길/지도 푸터 [필수]

순서는 출력 시 자동 정렬됩니다. ★시그니처 챕터는 프리셋이 결정하며 항상 포함.

04

인터랙션 · CTA

기본 세트 + 시그니처는 자동

스무스 스크롤 · 섹션 리빌 · 헤드라인 단어 스플릿 · 숫자 카운트업 · ★프리셋 시그니처 1개

패럴랙스 이미지 가벼움

스크롤하면 배경 사진이 본문보다 느리게 움직여 깊이감이 생긴다.

이미지 1장 필요 효과 보기 ↗

마그네틱 CTA 버튼 가벼움

커서가 다가가면 버튼이 살짝 끌려온다. 클릭 유도.

이미지 불필요 효과 보기 ↗

커스텀 커서(데스크톱) 가벼움

기본 커서 대신 브랜드 색 원. 이미지 위에서 커지며 라벨이 뜬다.

이미지 불필요 효과 보기 ↗

3D 틸트 카드 가벼움

카드에 마우스를 올리면 원근감 있게 기울어진다.

이미지 불필요 효과 보기 ↗

비포&애프터 비교 슬라이더 가벼움

손잡이를 밀면 시공 전/후가 갈라져 보인다.

이미지 2장 필요 효과 보기 ↗

가로 드래그 스트립 가벼움

카드가 옆으로 흐른다. 손으로 잡고 던질 수 있다.

이미지 3장 필요 효과 보기 ↗

무한 키워드 마퀴 가벼움

키워드 띠가 끊임없이 흐른다. 스크롤 속도에 반응한다.

이미지 불필요 효과 보기 ↗

듀오톤→컬러 이미지 호버 가벼움

썸네일이 흑백이다가 마우스를 올리면 컬러로 살아난다.

이미지 불필요 효과 보기 ↗

스크롤 속도 기울기(velocity skew) 가벼움

빠르게 스크롤하면 요소가 살짝 기울고, 멈추면 제자리로 돌아온다. 속도가 눈에 보인다.

이미지 불필요 효과 보기 ↗

커서 근접 확대 그리드 가벼움

커서가 지나가면 주변 격자가 물결처럼 부풀어 오른다. macOS 독 느낌.

이미지 불필요 효과 보기 ↗

글자 스크램블 확정 가벼움

글자가 지직거리며 돌다가 최종 값으로 확정된다. 숫자·기록에 쓴다.

이미지 불필요 효과 보기 ↗

커서 추적 이미지 프리뷰 가벼움

목록에 마우스를 올리면 그 항목의 사진이 커서를 따라다닌다.

이미지 4장 필요 효과 보기 ↗

커서 트레일 가벼움

커서 뒤로 잔상 점들이 꼬리처럼 따라온다.

이미지 불필요 효과 보기 ↗

롤링 텍스트(문자 롤업) 가벼움

버튼에 마우스를 올리면 글자가 위로 굴러 올라가며 교체된다.

이미지 불필요 효과 보기 ↗

스태거 등장(리스트) 가벼움

목록이 화면에 들어오면 항목이 차례로 떠오른다.

이미지 불필요 효과 보기 ↗

아코디언 auto height 가벼움

FAQ를 누르면 내용 높이에 맞춰 부드럽게 펼쳐진다.

이미지 불필요 효과 보기 ↗

방향 인식 헤더 가벼움

아래로 내리면 헤더가 숨고, 위로 올리면 바로 다시 나타난다.

이미지 불필요 효과 보기 ↗

줌 트랜지션 중간

섹션이 바뀔 때 사진이 서서히 조여든다.

이미지 1장 필요 효과 보기 ↗

비디오 배경(히어로) 중간

첫 화면 배경이 영상으로 재생된다.

이미지 1장 필요 효과 보기 ↗

SVG 라인 드로잉(scrub) 중간

스크롤에 맞춰 선이 그려진다. 차트·경로·심전도 등.

이미지 불필요 효과 보기 ↗

카드 스택 쌓임 중간

카드가 스크롤에 따라 한 장씩 겹쳐 쌓이고 뒤쪽은 뒤로 물러난다.

이미지 3장 필요 효과 보기 ↗

스크럽 벤토 갤러리 중간

크기가 제각각인 사진 타일이 스크롤에 맞춰 하나씩 자리를 잡는다.

이미지 6장 필요 효과 보기 ↗

필터 재배치(Flip) 중간

필터를 누르면 카드가 사라지지 않고 새 위치로 미끄러져 재배치된다.

이미지 6장 필요 효과 보기 ↗

도형 모핑(MorphSVG) 중간

도형이 다른 도형으로 부드럽게 변형된다. 아이콘 전환·계절 표현에 쓴다.

이미지 불필요 효과 보기 ↗

텍스트 마스킹 리빌 중간

문장이 마스크 아래에서 한 줄씩 밀려 올라온다. 헤드라인 기본기.

이미지 불필요 효과 보기 ↗

무한 루프 패널 중간

패널이 끝없이 순환한다. 끝에 도달해도 끊기지 않는다.

이미지 4장 필요 효과 보기 ↗

스와이프 슬라이더 중간

손으로 밀어 넘기는 슬라이더. 관성으로 자연스럽게 멈춘다.

이미지 4장 필요 효과 보기 ↗

갤러리 모달 확대(Flip) 중간

썸네일을 누르면 그 자리에서 커지며 큰 사진으로 이어진다.

이미지 6장 필요 효과 보기 ↗

곡선 페이지 전환 중간

화면이 곡선을 그리며 덮였다가 걷힌다. 전환이 고급스러워진다.

이미지 불필요 효과 보기 ↗

경로 따라 이동(MotionPath) 중간

아이콘이 정해진 곡선 경로를 따라 이동한다. 배송·시술 단계에 쓴다.

이미지 불필요 효과 보기 ↗

이미지 시퀀스 스크럽(canvas) 무거움

스크롤로 영상처럼 프레임이 넘어간다. 제품 회전·분해에 쓴다.

이미지 120프레임 필요 효과 보기 ↗

파티클 캔버스 무거움

배경에 입자가 떠다닌다. 눈·먼지·빛망울 표현.

이미지 불필요 효과 보기 ↗

스크롤 스크럽 비디오 무거움

스크롤을 내리면 카메라가 장면 안으로 날아 들어가고, 올리면 거꾸로 감긴다. 애플 제품 페이지 방식.

이미지 불필요 효과 보기 ↗

커서 브러시 인물 전환 중간

커서가 지나간 자리에만 두 번째 사진이 붓으로 칠한 것처럼 드러나고, 손을 떼면 서서히 사라진다. 움직인 궤적이 곧 형태가 된다. 시술 전/후·시공 전/후·착용 전/후에 그대로 쓴다.

이미지 2장 필요 효과 보기 ↗

0 / 3 선택됨 · 효과 12종 한눈에 보기 ↗

전화 카카오톡 채널 네이버 예약·톡톡 상담 폼 인스타그램 DM 문자(SMS) 오시는 길·지도 온라인 견적 계산 카탈로그 다운로드 플로팅 하단바(모바일)
05

기술 스택

06

에셋 · 추가 요청