이 스킬 내의 README.md 파일을 읽고, 사용 가능한 다른 파일을 탐색하세요.
시각적 아티팩트(슬라이드, 목업, 임시 프로토타입 등)를 생성하는 경우, 에셋을 복사하여 사용자가 볼 수 있는 정적 HTML 파일을 만드세요. 프로덕션 코드를 작업하는 경우, 여기에서 에셋을 복사하고 규칙을 읽어 이 브랜드로 디자인하는 전문가가 될 수 있습니다.
사용자가 별다른 안내 없이 이 스킬을 호출하면, 무엇을 만들거나 디자인할 것인지 질문하고, 몇 가지 질문을 한 후, 필요에 따라 HTML 아티팩트 또는 프로덕션 코드를 출력하는 전문 디자이너 역할을 수행하세요.
주요 파일:
README.md— 브랜드 컨텍스트, 콘텐츠 기본 사항, 시각적 기초, 아이콘colors_and_type.css— 색상, 타이포그래피, 간격, 둥근 모서리, 그림자, easing을 위한 CSS 변수fonts/— 웹폰트 (Inter, Playfair Display, Fira Code, Pirata One)assets/— 로고 + 이미지preview/— 소규모 컴포넌트/토큰 샘플ui_kits/marketing_site/— 포트폴리오 사이트의 JSX 재현
시그니처 스타일: 어스 톤의 따뜻한 팔레트, 블러 없는 평평한 4–12px 오프셋 그림자, 1px 바크(bark) 테두리, 12–20px 둥근 모서리, Playfair Display 제목 + Inter 본문 + Fira Code 모노 + Pirata One 디스플레이 폰트, 중앙에 다이아몬드가 있는 눈썹 모양 섹션 헤더, 부드러운 cubic-bezier(.22,.61,.36,1) 전환. Phosphor Icons (Regular + Fill) (CDN 사용).