도움말/자산 사용법

템플릿 사용하기

템플릿은 한 장 완성형 HTML — 받아서 열고, 텍스트만 바꾸면 됩니다.

구성

템플릿은 단일 HTML 파일 + Tailwind CDN 구조입니다. 빌드 도구·프레임워크·별도 CSS 파일이 없고, 스크립트도 없는 정적 문서라 어떤 서버에 올려도 그대로 동작합니다.

적용 순서

1. 1

   다운로드

   상세 페이지에서 「파일 다운로드」를 누르면 index.html 하나를 받습니다.

2. 2

   브라우저로 열어 확인

   파일을 더블클릭하면 스크린샷과 동일한 화면이 열립니다. 여기서부터가 내 작업본입니다.

3. 3

   텍스트·이미지 교체

   에디터로 열어 제목·본문·버튼 문구를 바꾸고, placeholder 이미지를 실제 이미지 경로로 바꿉니다.

4. 4

   컬러·섹션 조정

   Tailwind 색 클래스를 브랜드 색으로 치환하고, 불필요한 <section> 블록은 통째로 지웁니다. 섹션 간 의존성이 없어 지워도 깨지지 않습니다.

<!-- 파랑 계열을 브랜드 색으로 -->
bg-blue-600  →  bg-emerald-600
text-blue-600  →  text-emerald-600
hover:bg-blue-700  →  hover:bg-emerald-700

AI와 함께 수정하기

파일 전체를 Claude·Codex·Gemini에 붙여넣고 수정을 맡기는 방법이 가장 빠릅니다. 한 파일 구조라 AI가 전체 맥락을 잃지 않습니다.

이 HTML의 레이아웃과 섹션 구조는 유지한 채,
브랜드 컬러를 #0ea5e9 계열로 바꾸고
회사명을 "한빛테크"로, CTA 문구를 "무료로 시작하기"로 교체해줘.
순수 Tailwind CDN 제약은 그대로 지켜줘.

<index.html 내용 붙여넣기>