프로시저럴 셰이더 갤러리

프로시저럴 셰이더 히어로와 호버 시 이미지가 나타나는 커다란 인덱스로 구성된 시네마틱 제품 갤러리입니다. 프롬프트를 복사해 나만의 갤러리를 만들어 보세요.

Loading preview...
이 프롬프트로 시작하기

셰이더로 구현한 시네마틱 제품 갤러리 만들기

커피 브랜드로 변경

갤러리를 스페셜티 커피 라인 중심으로 새롭게 구성하세요.

Kimi Build 사용해 보기
가상의 EV 브랜드 Nexus Automotive를 위한 시네마틱 쇼룸 웹사이트를 만드세요. 히어로 영역에는 실시간으로 빛이 흐르는 전체 화면 프로시저럴 프래그먼트 셰이더를 배치하고, 그 위에 큰 세리프 서체의 두 줄 타이포그래피와 짧은 태그라인을 더하세요. 스크롤을 내리면 브랜드 선언문 섹션이 이어집니다. 핵심은 모델 인덱스입니다. 플래그십 세단, 투어링 SUV, 퍼포먼스 슈퍼카, 컴팩트 시티카 등 4대의 차량을 커다란 타이포그래피 행으로 나열하세요. 행에 마우스를 올리면 목록 옆에 해당 차량 이미지가 나타나고 다른 항목은 흐려지며, 클릭하면 포지셔닝 소개와 세 개의 텍스트 챕터(디자인, 실내, 성능), 그리고 목록으로 돌아가는 방법을 갖춘 전용 상세 페이지가 열리게 하세요. 브랜드 경험 영상 섹션과 체험 센터 주소 및 운영 시간을 담은 문의 푸터도 추가하세요. 색상 팔레트는 거의 단색으로 유지하고, 세리프 디스플레이 서체와 모노 라벨 서체를 조합하세요. 부드러운 스크롤, 은은한 패럴랙스, 페이드 전환 효과를 적용합니다. 브라우저에서 바로 실행되는 정적 사이트로 완성하세요. 스크롤, 호버 시 이미지 표시, 페이지 이동이 모두 실제로 작동해야 합니다. 사례 콘텐츠를 스페셜티 커피 브랜드로 바꾸세요. 5개 제품 라인은 5가지 싱글 오리진 원두로 변경하고, 셰이더 히어로는 따뜻한 갈색의 증기와 커피 원두 입자로 전환하세요. 각 상세 페이지에는 원산지, 가공 방식, 풍미 노트, 추출 팁을 추가합니다. 
문의 양식 추가

상세 페이지 하단에 문의 양식을 추가하세요.

Kimi Build 사용해 보기
가상의 EV 브랜드 Nexus Automotive를 위한 시네마틱 쇼룸 웹사이트를 만드세요. 히어로 영역에는 실시간으로 빛이 흐르는 전체 화면 프로시저럴 프래그먼트 셰이더를 배치하고, 그 위에 큰 세리프 서체의 두 줄 타이포그래피와 짧은 태그라인을 더하세요. 스크롤을 내리면 브랜드 선언문 섹션이 이어집니다. 핵심은 모델 인덱스입니다. 플래그십 세단, 투어링 SUV, 퍼포먼스 슈퍼카, 컴팩트 시티카 등 4대의 차량을 커다란 타이포그래피 행으로 나열하세요. 행에 마우스를 올리면 목록 옆에 해당 차량 이미지가 나타나고 다른 항목은 흐려지며, 클릭하면 포지셔닝 소개와 세 개의 텍스트 챕터(디자인, 실내, 성능), 그리고 목록으로 돌아가는 방법을 갖춘 전용 상세 페이지가 열리게 하세요. 브랜드 경험 영상 섹션과 체험 센터 주소 및 운영 시간을 담은 문의 푸터도 추가하세요. 색상 팔레트는 거의 단색으로 유지하고, 세리프 디스플레이 서체와 모노 라벨 서체를 조합하세요. 부드러운 스크롤, 은은한 패럴랙스, 페이드 전환 효과를 적용합니다. 브라우저에서 바로 실행되는 정적 사이트로 완성하세요. 스크롤, 호버 시 이미지 표시, 페이지 이동이 모두 실제로 작동해야 합니다. 모든 상세 페이지 하단에 이름, 이메일, 메시지 필드와 제출 성공 상태를 갖춘 문의 양식을 추가하세요. 내비게이션 바에는 양식 위치로 부드럽게 스크롤되는 고정 "문의하기" 버튼을 추가하세요. 
영문 버전

해외 방문자를 위해 모든 문구를 영어로 전환하세요.

Kimi Build 사용해 보기
가상의 EV 브랜드 Nexus Automotive를 위한 시네마틱 쇼룸 웹사이트를 만드세요. 히어로 영역에는 실시간으로 빛이 흐르는 전체 화면 프로시저럴 프래그먼트 셰이더를 배치하고, 그 위에 큰 세리프 서체의 두 줄 타이포그래피와 짧은 태그라인을 더하세요. 스크롤을 내리면 브랜드 선언문 섹션이 이어집니다. 핵심은 모델 인덱스입니다. 플래그십 세단, 투어링 SUV, 퍼포먼스 슈퍼카, 컴팩트 시티카 등 4대의 차량을 커다란 타이포그래피 행으로 나열하세요. 행에 마우스를 올리면 목록 옆에 해당 차량 이미지가 나타나고 다른 항목은 흐려지며, 클릭하면 포지셔닝 소개와 세 개의 텍스트 챕터(디자인, 실내, 성능), 그리고 목록으로 돌아가는 방법을 갖춘 전용 상세 페이지가 열리게 하세요. 브랜드 경험 영상 섹션과 체험 센터 주소 및 운영 시간을 담은 문의 푸터도 추가하세요. 색상 팔레트는 거의 단색으로 유지하고, 세리프 디스플레이 서체와 모노 라벨 서체를 조합하세요. 부드러운 스크롤, 은은한 패럴랙스, 페이드 전환 효과를 적용합니다. 브라우저에서 바로 실행되는 정적 사이트로 완성하세요. 스크롤, 호버 시 이미지 표시, 페이지 이동이 모두 실제로 작동해야 합니다. 커다란 인덱스, 상세 페이지 본문, 내비게이션을 포함한 모든 사이트 문구를 영어로 전환하세요. 셰이더 비주얼과 호버 인터랙션은 그대로 유지하면서 영어에 맞게 글자 크기와 줄 높이를 조정하세요.