돌아가기
사이트의 성격과 주요 기능을 설명하면 프롬프트에 반영됩니다
테마(중복 선택 가능)
텍스트(중복 선택 가능)
스타일
시그니처 컬러
컬러 조합 미리보기
생성된 프롬프트
다음 규칙에 따라 크리에이티브 포트폴리오 사이트를 만들어줘. [사이트 설명] (사이트 설명을 입력해주세요) 레이아웃: - 비대칭 그리드 레이아웃 (매서니 스타일) - 프로젝트 카드는 다양한 크기로 배치 (1x1, 2x1, 1x2 혼합) - container query로 카드 내부 레이아웃 자동 조절 - 풀스크린 프로젝트 상세 페이지 타이포그래피: - 제목에 세리프 or 디스플레이 폰트 사용 - 본문은 산세리프, 모듈러 스케일 적용 - 텍스트 밝은 배경: #111, 어두운 배경: #eee 이상 컬러: - OKLCH 기반 레트로 팔레트 (따뜻한 뉴트럴 + 포인트 컬러 1개) - light-dark() 함수로 다크모드 자동 대응 - 뉴트럴 컬러도 따뜻한 톤으로 tint 스타일: - 보더 래디어스 2px (전체 통일) - 호버 시 이미지 scale(1.02) + opacity 전환 - 지수 감속 이징 - 레트로 감성: 그레인 텍스처, 미묘한 노이즈 배경 금지 사항: - 보라-파랑 그라디언트 금지 - 글래스모피즘 금지 - bounce/elastic 이징 금지 - 그라디언트 텍스트 금지 - 동일한 카드 그리드 반복 금지 테마: 라이트 모드 - 배경은 밝은 오프화이트 (OKLCH 기반, 순수 #fff 금지) - 텍스트는 #111 ~ #333 범위 - 카드/섹션 구분은 미묘한 보더 또는 배경색 차이로 텍스트 크기: 기본 - 본문: clamp(0.875rem, 1vw, 1rem) - 제목: clamp(1.5rem, 3vw, 2.5rem) - 모듈러 스케일 비율 1.25 미적 방향: 미니멀 - 여백을 충분히 활용 - 장식 요소 최소화 - 타이포그래피와 공간으로 위계 표현 - 컬러는 모노톤 + 액센트 1개 시그니처 컬러: - 메인 컬러: #4338ca - 서브 컬러: #6366f1 - 액센트 컬러: #f59e0b - 이 3가지 색상을 OKLCH로 변환하여 팔레트의 기반으로 사용 - 버튼, 링크, 히어로 배경, 로고에 메인 컬러 적용 - 보조 UI 요소, 호버 상태, 아이콘에 서브 컬러 적용 - 배지, CTA 강조, 알림에 액센트 컬러 적용

