크리에이티브 프로필
지시사항
전문 브랜드 전략가의 시각 디자인에서 영감을 받아 현대적이고 미니멀한 개인 웹사이트를 제작하세요.
**전반적인 스타일**
- 넉넉한 여백과 콘텐츠를 위한 충분한 여유 공간을 갖춘 미니멀리즘 디자인 언어
전문적이면서도 창의적인 면모를 보이며, 브랜드 전략가의 이미지를 완벽하게 구현합니다.
- 데스크톱과 모바일 기기 모두에 최적화된 반응형 레이아웃
**색상 구성**
- 배경: 따뜻한 크림색/미색 (#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 코드를 모두 작성해 주십시오.
설명
추천한 사람
nene@YouMind
이 스킬을 추천하는 이유
이 스킬은 브랜드 전략가가 영감을 준 세련된 개인 웹사이트를 제작하여 돋보입니다. 현대적인 미니멀리스트 미학을 정확한 색상, 타이포그래피, 레이아웃 사양으로 세심하게 구현하여 진정으로 독특한 온라인 존재감을 제공합니다.
개인 브랜드를 멋진 미니멀리스트 웹사이트로 변환하세요. 전문적인 디자인, 전략적인 레이아웃, 그리고 매력적인 미학이 즉시 제작되어 당신의 전문성을 보여줍니다.
관련 스킬
전체 보기
웹페이지탐색형 설명 페이지 빌더
보고서는 설명합니다. 페이지는 사람들이 스스로 알아내게 만듭니다. YouMind는 이미 웹페이지를 만들 수 있습니다. Explorable Explainer는 무엇을 만들지 결정합니다 — 연구, 데이터셋 또는 주제 하나를 뉴스룸 그래픽과 탐구형 설명의 전통을 따르는 단일 인터랙티브 페이지로 바꿉니다: 스크롤 기반 내러티브, 실제 차트, 움직일 수 있는 컨트롤, 확인할 수 있는 출처. 코딩하기 전에 계획을 세웁니다. 먼저 빌드 계획을 승인받습니다: 페이지가 답하는 하나의 질문, 리빌(reveal) — 독자가 '아!' 하고 느끼는 순간 — 5~8개 섹션의 스크롤 뼈대, 각각이 움직여 얻는 배움이 근거가 되는 2~4개의 인터랙션, 그리고 모든 숫자와 그 출처를 나열하는 데이터 계약. 그런 다음 빌드 단계가 필요 없는 단일 자체 포함 HTML 파일을 만듭니다. 의미론적 마크업. 모든 숫자는 파일 상단의 단일 편집 가능한 DATA 상수에 들어갑니다. 휴대폰에서도 깨지지 않는 스크롤 리빌. 모든 컨트롤은 실제 키보드로 조작 가능한 폼 요소이며, 현재 값을 설명하는 라이브 텍스트가 함께합니다. 접근성은 나중에 덧붙이는 것이 아니라 처음부터 내장되어 있습니다: 4.5:1 대비, 보이는 포커스 링, 모든 곳의 대체 텍스트, 색상만으로 전달되지 않는 의미, 축소 모션 존중, 360px부터 반응형. 인계하기 전에 5개 항목의 자체 점검을 실행하고 결과를 정직하게 보고합니다: 리빌이 실제로 성공하는지, JavaScript를 끈 상태에서도 페이지가 읽히는지, 탭 순서가 타당한지, 모든 숫자를 추적할 수 있는지, 독자가 멈추고 싶어 할 애니메이션이 있는지. 지키지 않을 두 가지 규칙이 있습니다: 차트를 보기 좋게 만들려고 데이터를 절대 꾸며내지 않으며, 숫자가 초안과 모순될 때 알려줍니다. 자신의 작업이 훑어보기가 아니라 탐구되기를 원하는 연구자, 분석가, 저널리스트, 교육자, 인디 창업자와 컨설턴트를 위한 도구입니다.
웹페이지은은한 낮빛 플로팅 스타일 웹
은은한 낮빛 스타일의 웹 디자인 시스템입니다. 옅은 하늘색 캔버스(#ebf5ff), 고정 굵기 500의 초대형 디스플레이 텍스트(반응형 최대 148px), 32px 라운드 카드와 9999px 필(pill), 거의 검은색에 가까운 #181d27 솔리드 CTA, 파스텔 컬러 블록과 떠 있는 3D 클레이 질감 일러스트를 갖추고 있습니다. 깊이감은 캔버스에서 카드로 이어지는 색상 단계 변화만으로 표현되며, 콘텐츠 카드에는 그림자가 없습니다. '은은한 낮빛 스타일', '3D 일러스트 랜딩 페이지', '옅은 블루 캔버스', '라운드 카드 스타일', 'SaaS 공식 웹사이트', 'Linear/Framer 스타일' 등의 요구에 적합하며, 접근성과 반응형 제약이 내장되어 있습니다.
웹페이지Fashion Creative Design 웹스타일
패션 에디토리얼 포스터 스타일의 웹 디자인 시스템: 따뜻한 크림색 종이 질감의 캔버스(#fffef7), 300 웨이트의 초대형 제목(64–84px), 끝까지 꽉 차는 사진, 그림자 없음, 카드 직각 + 버튼 1440px 알약형 둥근 모서리. 패션 디자인 스타일, 매거진 레이아웃, 포스터 스타일, 아트북 웹페이지, 스튜디오 포트폴리오, 갤러리 페이지 등의 요구에 적합하며, 모든 콘텐츠를 하이패션 에디토리얼 스타일의 페이지로 재작성할 수 있습니다.
크리에이티브 프로필
지시사항
전문 브랜드 전략가의 시각 디자인에서 영감을 받아 현대적이고 미니멀한 개인 웹사이트를 제작하세요.
**전반적인 스타일**
- 넉넉한 여백과 콘텐츠를 위한 충분한 여유 공간을 갖춘 미니멀리즘 디자인 언어
전문적이면서도 창의적인 면모를 보이며, 브랜드 전략가의 이미지를 완벽하게 구현합니다.
- 데스크톱과 모바일 기기 모두에 최적화된 반응형 레이아웃
**색상 구성**
- 배경: 따뜻한 크림색/미색 (#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 코드를 모두 작성해 주십시오.
설명
추천한 사람
nene@YouMind
이 스킬을 추천하는 이유
이 스킬은 브랜드 전략가가 영감을 준 세련된 개인 웹사이트를 제작하여 돋보입니다. 현대적인 미니멀리스트 미학을 정확한 색상, 타이포그래피, 레이아웃 사양으로 세심하게 구현하여 진정으로 독특한 온라인 존재감을 제공합니다.
개인 브랜드를 멋진 미니멀리스트 웹사이트로 변환하세요. 전문적인 디자인, 전략적인 레이아웃, 그리고 매력적인 미학이 즉시 제작되어 당신의 전문성을 보여줍니다.
관련 스킬
전체 보기웹페이지탐색형 설명 페이지 빌더
보고서는 설명합니다. 페이지는 사람들이 스스로 알아내게 만듭니다. YouMind는 이미 웹페이지를 만들 수 있습니다. Explorable Explainer는 무엇을 만들지 결정합니다 — 연구, 데이터셋 또는 주제 하나를 뉴스룸 그래픽과 탐구형 설명의 전통을 따르는 단일 인터랙티브 페이지로 바꿉니다: 스크롤 기반 내러티브, 실제 차트, 움직일 수 있는 컨트롤, 확인할 수 있는 출처. 코딩하기 전에 계획을 세웁니다. 먼저 빌드 계획을 승인받습니다: 페이지가 답하는 하나의 질문, 리빌(reveal) — 독자가 '아!' 하고 느끼는 순간 — 5~8개 섹션의 스크롤 뼈대, 각각이 움직여 얻는 배움이 근거가 되는 2~4개의 인터랙션, 그리고 모든 숫자와 그 출처를 나열하는 데이터 계약. 그런 다음 빌드 단계가 필요 없는 단일 자체 포함 HTML 파일을 만듭니다. 의미론적 마크업. 모든 숫자는 파일 상단의 단일 편집 가능한 DATA 상수에 들어갑니다. 휴대폰에서도 깨지지 않는 스크롤 리빌. 모든 컨트롤은 실제 키보드로 조작 가능한 폼 요소이며, 현재 값을 설명하는 라이브 텍스트가 함께합니다. 접근성은 나중에 덧붙이는 것이 아니라 처음부터 내장되어 있습니다: 4.5:1 대비, 보이는 포커스 링, 모든 곳의 대체 텍스트, 색상만으로 전달되지 않는 의미, 축소 모션 존중, 360px부터 반응형. 인계하기 전에 5개 항목의 자체 점검을 실행하고 결과를 정직하게 보고합니다: 리빌이 실제로 성공하는지, JavaScript를 끈 상태에서도 페이지가 읽히는지, 탭 순서가 타당한지, 모든 숫자를 추적할 수 있는지, 독자가 멈추고 싶어 할 애니메이션이 있는지. 지키지 않을 두 가지 규칙이 있습니다: 차트를 보기 좋게 만들려고 데이터를 절대 꾸며내지 않으며, 숫자가 초안과 모순될 때 알려줍니다. 자신의 작업이 훑어보기가 아니라 탐구되기를 원하는 연구자, 분석가, 저널리스트, 교육자, 인디 창업자와 컨설턴트를 위한 도구입니다.
웹페이지은은한 낮빛 플로팅 스타일 웹
은은한 낮빛 스타일의 웹 디자인 시스템입니다. 옅은 하늘색 캔버스(#ebf5ff), 고정 굵기 500의 초대형 디스플레이 텍스트(반응형 최대 148px), 32px 라운드 카드와 9999px 필(pill), 거의 검은색에 가까운 #181d27 솔리드 CTA, 파스텔 컬러 블록과 떠 있는 3D 클레이 질감 일러스트를 갖추고 있습니다. 깊이감은 캔버스에서 카드로 이어지는 색상 단계 변화만으로 표현되며, 콘텐츠 카드에는 그림자가 없습니다. '은은한 낮빛 스타일', '3D 일러스트 랜딩 페이지', '옅은 블루 캔버스', '라운드 카드 스타일', 'SaaS 공식 웹사이트', 'Linear/Framer 스타일' 등의 요구에 적합하며, 접근성과 반응형 제약이 내장되어 있습니다.
웹페이지Fashion Creative Design 웹스타일
패션 에디토리얼 포스터 스타일의 웹 디자인 시스템: 따뜻한 크림색 종이 질감의 캔버스(#fffef7), 300 웨이트의 초대형 제목(64–84px), 끝까지 꽉 차는 사진, 그림자 없음, 카드 직각 + 버튼 1440px 알약형 둥근 모서리. 패션 디자인 스타일, 매거진 레이아웃, 포스터 스타일, 아트북 웹페이지, 스튜디오 포트폴리오, 갤러리 페이지 등의 요구에 적합하며, 모든 콘텐츠를 하이패션 에디토리얼 스타일의 페이지로 재작성할 수 있습니다.
다음으로 즐겨 쓸 스킬을 찾아보세요
연구, 창작, 일상 업무에 유용한 엄선된 AI 스킬을 더 탐색해 보세요.