Lenar Gumerov CV 디자인 시스템
이 스킬은 Lenar Gumerov의 개인 이력서 사이트(lenargum.me)를 위한 일관된 디자인을 생성하는 데 도움을 줍니다. 프로덕션 코드나 프로토타입/모형 제작에 활용할 수 있는 핵심 디자인 가이드라인, 색상, 폰트, 애셋, 그리고 UI 키트를 포함합니다.
시작하기
이 스킬 내의 README.md 파일을 읽고, 다른 파일도 탐색해 보세요.
주요 사실
- 소유자: Lenar Gumerov, Senior Frontend Engineer의 개인 이력서/포트폴리오 사이트.
- 순수 다크 미학: 검정/차콜 표면, 흰색 텍스트, 애니메이션 WebGL simplex-noise 필드를 유일한 배경 모티프로 사용합니다. 그레이디언트, 마케팅 장식, 이모지는 없습니다.
- 이중 언어: EN / RU를 지원합니다. 구석에 있는 "lava-lamp" 토글을 클릭하면 전체 이력서가 페이드 아웃되고 노이즈만 남습니다.
- 웹폰트 없음: 의도적으로 OS 기본 sans-serif 스택에 의존합니다.
- 디자인 토큰:
colors_and_type.css파일에 정의되어 있습니다. - 컴포넌트 재현:
ui_kits/cv-site/폴더에 UI 키트 재현물이 있습니다.
사용 방법
시각적 아티팩트(슬라이드, 모형, 프로토타입 등) 생성
애셋을 복사하고 사용자가 볼 수 있는 정적 HTML 파일을 만드세요. 다음 브랜드 요소를 재사용해야 합니다:
- 노이즈 캔버스
- 범주형 태그 시스템
cv-card컨테이너
프로덕션 코드 작업
애셋을 복사하고 여기에 적힌 규칙을 읽어 이 브랜드로 디자인하는 전문가가 되세요. 원본 사이트는 CV/ 코드베이스(Astro + React + Tailwind)에 있습니다.
도움 요청
사용자가 별다른 안내 없이 이 스킬을 호출하면, 무엇을 만들고 디자인할 것인지 질문하고 필요한 질문을 던진 후, 요구사항에 따라 HTML 아티팩트 또는 프로덕션 코드를 출력하는 전문 디자이너처럼 행동하세요.