3시간
개발 완료
실제 작업 시간
100점
Lighthouse
모든 항목 만점
10KB
번들 크기
초경량 페이지
50줄
코드 라인
극도로 간결
임팩트 있는 헤드라인
"당신의 비전을 디지털로 구현" 짧고 강력한 메시지로 방문자 시선을 즉시 사로잡음
기하학적 배경
CSS로 구현한 가벼운 기하학 패턴, 이미지 파일 없이 코드만으로 시각적 흥미 연출
초경량 최적화
HTML/CSS/JS 합쳐서 10KB 미만, 인라인 Critical CSS, Next.js SSG로 서버 처리 시간 제로
플렉시블 타이포그래피
vw 단위와 clamp() 함수로 화면 크기에 따라 자연스럽게 조절되는 반응형 폰트
성능 최적화 결과
모든 항목 만점 달성
Lighthouse 점수
100점
목표: 95점
FCP
0.3초
목표: < 1초
LCP
0.5초
목표: < 1초
페이지 크기
10KB
목표: < 50KB
활용 사례
이런 경우에 적합합니다
티저 페이지
서비스 런칭 전 관심 유도
커밍순 페이지
준비 중 안내
이벤트 페이지
단기 프로모션
포트폴리오
미니멀 스타일 선호
“빠르고 간단하게 필요한 메시지만 전달하는 페이지가 필요했는데 완벽하게 만들어주셨습니다.”
이대표
대표, 스타트업