Manus AI로
사이트 만들기

Manus로 웹사이트를 만들어줘.

[사이트 정보]
- 사이트 종류: [포트폴리오 / 브랜드 소개 / 서비스 랜딩페이지 등]
- 사이트 목적: [방문자가 해야 할 행동]
- 주요 방문자: [누가 보는지]
- 꼭 들어갈 내용: [브랜드명, 소개, 기능, 연락처, 링크]
- 원하는 분위기: [예: 편집숍처럼 절제되고 고급스럽게]

[작업 원칙]
1. 먼저 필요한 페이지와 섹션을 간단히 정리해줘.
2. 일반적인 AI 랜딩페이지처럼 똑같은 카드 3개, 과한 그라데이션, 가짜 후기, 의미 없는 아이콘을 넣지 마.
3. 실제 문구와 링크를 사용하고, 정보가 없으면 임의로 만들지 말고 나에게 질문해.
4. 데스크톱과 모바일에서 모두 자연스럽게 보이게 만들어줘.
5. 모든 버튼, 내비게이션, 폼이 실제로 작동하게 해줘.
6. 완성 후 모바일 화면, 링크, 글자 넘침, 타입 검사와 프로덕션 빌드를 확인해줘.

우선 구조와 디자인 방향을 짧게 보여준 뒤 제작을 시작해줘.

아래 기존 웹사이트를 먼저 분석한 뒤 디자인을 수정해줘.

- 기존 사이트: [사이트 주소 또는 프로젝트]
- 이번에 바꾸고 싶은 화면: [메인 / 자료실 / 특정 페이지]
- 반드시 유지할 것: 기존 문구, 정보, 페이지 주소, 외부 링크, UTM, 폼과 모든 기능
- 참고 디자인 프롬프트: [참고 사이트에서 복사한 프롬프트 붙여넣기]

[수정 원칙]
1. 참고 디자인의 구성 원리, 타이포그래피, 간격과 움직임을 해석해서 현재 브랜드에 맞게 적용해. 예시의 브랜드명과 문구를 그대로 복사하지 마.
2. 기존 사이트의 색상과 캐릭터처럼 이미 정체성이 있는 요소는 살리고, 서로 어울리지 않는 효과만 정리해.
3. 먼저 현재 사이트의 구조와 기능을 파악한 뒤 수정해. 링크, 라우팅, 폼, 데이터와 모바일 화면을 망가뜨리지 마.
4. 확인되지 않은 후기, 수치, 회사 로고와 기능을 새로 만들지 마.
5. 데스크톱과 모바일에서 실제 화면을 확인하고 글자 넘침, 가로 스크롤, 버튼 잘림을 수정해.
6. 타입 검사와 프로덕션 빌드까지 완료하고, 무엇을 바꿨고 무엇을 유지했는지 알려줘.

작업 전에는 수정 범위를 한 번 정리하고, 작업 후에는 실제 결과 화면을 보여줘.

완성된 사이트를 게시하기 전에 실제 브라우저에서 검수해줘.

1. 데스크톱 1440px와 모바일 390px에서 첫 화면을 확인해.
2. 제목과 버튼이 잘리거나 겹치는지, 가로 스크롤이 생기는지 확인해.
3. 내비게이션, 내부 링크, 외부 링크, 폼과 복사 버튼을 직접 눌러봐.
4. 기존 페이지 주소와 UTM 링크가 유지됐는지 확인해.
5. prefers-reduced-motion 환경에서 불필요한 움직임이 멈추는지 확인해.
6. 타입 검사와 프로덕션 빌드를 실행해.
7. 발견한 문제를 먼저 고친 뒤 결과를 보여줘. 내 확인 전에는 게시하지 마.