웹페이지 프롬프트

Keep-inspired 중국어 운동 코스 웹사이트

Keep에서 영감을 받은 중국어 운동 코스 사이트를 Gemini에게 만들어 달라고 요청하는 긴 영어 스타일 프롬프트(중국어). 반응형 Tailwind CSS, 코스 카드, 필터 및 일치하는 비디오 팝업을 포함합니다.

프롬프트

Keep에서 영감을 받은 중국어 "운동 코스" 웹페이지를 만드세요. 전체 화면 운동선수 히어로 이미지, 투명한 고정 내비게이션, 중국어 캡슐 태그 카테고리, 그리고 중국어 코스 카드 그리드를 포함합니다. 각 코스 카드는 훈련 프로그램에 해당하며, Pamela, Zhou Liuye, Han Xiaosi, Jojie, Liu Genghong와 같은 크리에이터의 코스 스타일을 참고하여 난이도와 기간에 대한 중국어 제목과 라벨을 디자인합니다. 카드를 클릭하면 카드 정보와 정확히 일치하는 코스 미리보기 비디오 플레이어가 페이지 내에서 열립니다. 전반적으로 미니멀하면서도 섬세한 디자인을 유지하고, 부드러운 스크롤링과 호버 애니메이션, 은은한 그라데이션, 세련된 타이포그래피를 사용하여 고급스러운 중국어 경험을 제공합니다. Tailwind CSS를 사용하여 완벽하게 반응형 레이아웃을 구현합니다.