필수 요소, 전부 포함
반응형 레이아웃 · 카드 · 갤러리 · 연락 폼 · 스크롤 애니 · 다크모드
가벼운 단일 파일
외부 프레임워크 없이 HTML/CSS/JS만으로 구성. 어디서든 잘 열립니다.
자동 다크모드
토글 + 로컬 저장. 방문자 취향을 기억합니다.
빠른 접근성
스킵 링크, 키보드 포커스, 명확한 대비 등 기본 A11y 고려.
소개
이 템플릿은 창작자·학생·개발 초보 모두를 위해 만들어졌습니다. 설명 텍스트를 본인 소개로 바꾸고, 갤러리에 작업물을 추가해 보세요.
- 색상 변경:
:root의--brand변수만 바꾸면 전체 적용 - 폰트 변경:
body의font-family수정 - 섹션 추가: 아래 섹션을 복사해서 아이디만 바꾸세요
갤러리
이미지는 자유롭게 교체하세요. (예시 이미지는 Picsum 사용)
연락하기
이 폼은 프론트엔드 예시입니다. 실제 전송엔 Formspree 등과 연동하세요.