탐색Landing배경 생성 도구 랜딩 — 흩어진 텍스처 카드와 에디터 프리뷰

1 / 1

다크 랜딩 히어로에 흩어진 질감 카드 위로 커서가 움직이고, 스크롤하면 헤드라인이 흐려지며 이펙트 목록·캔버스·속성 패널로 된 에디터 프리뷰가 나타났다가 다시 히어로로 돌아온다.

Landing

배경 생성 도구 랜딩 — 흩어진 텍스처 카드와 에디터 프리뷰

2026-08-21 · 동영상 1

AI 분석

검은 캔버스 위에 질감 배경 카드를 흩뿌리고 스크롤 시 스튜디오 에디터를 보여주는 다크 랜딩 페이지다.

검은 배경 위에 크기가 제각각인 둥근 모서리 썸네일 카드가 비대칭으로 흩어져 있고, 하단 좌측에 큰 헤드라인, 우측에 짧은 설명과 두 개의 버튼이 배치된다. 헤드라인은 굵은 기하학 산세리프, 카드 라벨은 작은 모노스페이스, 로고는 세리프로 대비를 주며 색은 카드 속 그라데이션·그레인·하프톤 텍스처에서만 나온다. 스크롤하면 히어로 텍스트가 흐려지며 위로 밀리고, 좌측 이펙트 썸네일 목록·중앙 캔버스·우측 속성 패널로 구성된 다크 에디터 프리뷰가 올라온다. 카드 호버 시 저장 배지가 붙는 등 작은 인터랙션도 보인다. 크리에이티브 도구 랜딩에서 작품 갤러리와 제품 화면을 한 흐름으로 엮는 방식의 참고로 유용하다.

dark-mode · minimal · editorial · techy

animation asymmetric button card dark-mode generative-texture hero landing micro-interaction minimal saas sidebar typography-focused

claude-opus-5-5 · 2026-10-16 06:54 · 신뢰도 0.80