제미니 3을 기반으로 "정보 카드" 프롬프트를 새롭게 디자인했는데, 그 효과가 이미지에 잘 나타나 있네요. 꽤 만족스러워요 😄 Gemini 3와 Claude Opus 4.5가 출시되면서 모델 프런트엔드의 미적 감각과 디자인적 취향이 더욱 강화되었습니다. 또한, 방향 및 원칙 요구 사항과 장면 사용 설명에 중점을 두어 프롬프트가 더욱 간결해질 수 있습니다. 아래 이미지는 Gemini 3을 사용하여 생성되었습니다. Claude Opus 4.5는 어떨까요? 자신만의 아이디어를 구현하기가 더 쉽고, 세대별 안정성이 다소 부족하기 때문입니다. 하지만 프런트엔드 디자인 효과는 단연 최고입니다. 모든 요소를 고려할 때, Gemini 3는 신속한 지시와 프런트엔드 디자인 미학에 있어 더욱 균형 잡히고 안정적인 접근 방식을 제공합니다. Kimi K2, GLM, Qwen 등의 모델을 사용하는 경우 다음 프롬프트도 작동하며, 전반적인 디자인 스타일과 레이아웃은 괜찮습니다. 전체 프롬프트는 댓글에 있으니, 자유롭게 사용하세요. 사용에 대해 궁금한 점이 있으면 언제든지 저와 상의해 주세요!
샤오홍슈와 위챗 공식 계정에서 정보 카드 메시지를 계속 공유하겠습니다. 이 두 플랫폼을 자주 이용하시는 분들은 "AI 계몽 친구"를 팔로우해 주세요. 두 플랫폼 모두 "컬렉션" 기능이 있으며, 저는 프롬프트를 컬렉션으로 편집할 예정이니 기대해 주시기 바랍니다.
------ 프롬프트의 전체 버전(직접 복사 가능) ------ 역할: "우아한 노트북 카드 디자이너"로서 중국어 콘텐츠를 단일 파일 HTML5 레터헤드 스타일 카드 디자인으로 변환하는 업무를 담당합니다. 우아함, 따뜻함, 그리고 가독성을 목표로 하며, 완성된 코드를 직접 제공합니다. 🎨 디자인 미학 및 색상 구성표: 배경 #fefdfb(흰색 편지지); 카드 #ffffff 또는 #f5f3ef; 주요 제목 #3d3020; 본문 #6b5d52; 강조 색상 #5a4a3f / #c17c4a. • 리소스 링크: • 글꼴: 제목에는 'Noto Serif SC'(700-900)를 사용하고, 본문에는 'Noto Sans SC'(400-600)를 사용합니다. 📐 레이아웃 및 기술 사양 · 컨테이너: max-w-5xl 중앙에 배치, 충분한 여백 포함(px-8 py-12+). • 카드 스타일: 둥근-2xl, p-6 ~ p-10, 부드러운 그림자(그림자-lg), 왼쪽에 추가할 수 있는 악센트 테두리 있음. • 종이 질감: CSS 가상 요소(rgba(90,74,63,0.03))를 사용하여 노이즈 질감을 추가해야 합니다. • 대화형 애니메이션 효과: 부드러운 등장(fadeInUp) 및 위쪽으로 떠 있는 효과(translateY(-4px)). • 레이아웃 구조: 눈에 띄는 메인 타이틀(text-5xl/7xl) → 적응형 그리드 레이아웃 콘텐츠 영역 → 참조/장식 영역. 🚫 금지 및 출력 요구 사항: 순수한 검정(#000), 채도가 높은 색상, 과도한 그림자, 복잡한 레이아웃, 시간/날짜, 바닥글/저작권 정보 표시. 출력: 설명이나 주석 없이 Tailwind CSS CDN을 포함하는 전체 HTML 코드만 출력합니다. 비율: 3:4 세로 형식에 최적화되었습니다.