전문 브랜드 전략가의 시각 디자인에서 영감을 받아 현대적이고 미니멀한 개인 웹사이트를 제작하세요.

**전반적인 스타일**

- 넉넉한 여백과 콘텐츠를 위한 충분한 여유 공간을 갖춘 미니멀리즘 디자인 언어

전문적이면서도 창의적인 면모를 보이며, 브랜드 전략가의 이미지를 완벽하게 구현합니다.

- 데스크톱과 모바일 기기 모두에 최적화된 반응형 레이아웃

**색상 구성**

- 배경: 따뜻한 크림색/미색 (#FFFEF9)

- 주요 강조 색상: 핵심 제목과 행동 유도 문구에 밝은 핑크/마젠타 색상(#FF1493) 사용

- 보조 강조 색상: 태그 및 카테고리에 연한 파란색/청록색(#00CED1) 사용

- 텍스트 색상: 본문 텍스트는 진한 검정색(#1a1a1a)을 사용하여 가독성을 높였습니다.

**타이포그래피 디자인**

- 초대형 굵은 제목: 이름은 두 줄로 나누고, Inter Black/Helvetica Black과 같은 초굵은 산세리프 글꼴을 사용하며, 최소 글꼴 크기는 80px입니다.

- 직책은 밝은 분홍색으로, 글자 크기는 60-80px로 표시합니다.

- 본문 텍스트는 16-18px 크기의 깔끔한 산세리프체로 작성

- 2단 또는 3단 레이아웃의 엄격한 그리드 시스템

- 서로 다른 콘텐츠 영역을 구분하기 위해 얇은 선(1px)을 사용하세요.

**페이지 구조**

1. 영웅 섹션:

- 왼쪽: 매우 큰 이름/직함(두 줄로 구분) + 직책(분홍색)

- 오른쪽: 화려한 테두리가 있는 원형 프로필 사진

- 하단: 간략한 개인 사명 선언문

2. 연락처 정보:

- 전화번호, 이메일, 웹사이트 링크

- 분홍색 또는 파란색으로 강조 표시됨

3. 경력 사항:

- 왼쪽: 시간대 표시 (강조 색상 사용)

- 오른쪽: 직책(이탤릭체) + 상세 설명

- 명확한 시각적 계층 구조

4. 교육 부문:

- 동일한 2단 레이아웃

- 기간 + 기관 + 학위

5. 기술/언어 분야:

- 색상 블록 카테고리 라벨

- 격자형 표시

**시각적 요소**

- 분홍색 또는 그라데이션 테두리가 있는 원형 프로필 사진

- 태그 스타일의 카테고리 제목(예: "경력")을 강조 색상으로 표시

- 검은색 원 안에 있는 플로팅 버튼(맨 위로 이동, 오른쪽 하단 모서리)

- 모든 상호작용 요소에 미묘한 마우스 오버 효과 적용

**폰트 추천**

- 헤드라인: Inter Black, Helvetica Neue Bold 또는 Montserrat ExtraBold

- 본문 텍스트: Inter Regular, Helvetica Neue 또는 System UI

**상호작용 세부 정보**

- 부드러운 스크롤링

- 링크에 마우스 오버 시 색상 변경 또는 밑줄 애니메이션 효과 추가

- 반응형 내비게이션 메뉴

- 깔끔하고 세련된 로딩 애니메이션

**콘텐츠 요구 사항**

- "10년 이상의 경력", "전략 및 스토리텔링" 등과 같은 키워드를 강조하는 개인 소개

- 구체적인 성과 및 지표(예: "200% 성장")를 강조하는 업무 경험

- 유명 브랜드/기관과의 협업 사례를 소개하세요

- 언어 능력 및 전문 기술이 명확하게 분류됨

디자인이 전문적이고 현대적이며 개인 브랜드의 특징을 완벽하게 반영하도록 HTML/CSS/JavaScript 코드를 모두 작성해 주십시오.