민트 누아르 제품 웹사이트v1.0.0

민트 누아르 제품 웹사이트

소프트웨어나 AI 제품을 위한 다크 톤 마케팅 사이트를 만듭니다. 거의 검은 그래파이트 화면, 부드러운 오프화이트 글자, 가는 헤어라인 테두리, 그리고 단 하나의 민트 포인트 컬러를 쓰며, 각 헤드라인에서 한 단어만 큰 이탤릭 세리프로 표현합니다. 예시는 온라인 판매자를 위한 AI 비즈니스 팀이라는 가상의 제품 Corvel을 사용합니다. 내용은 바꾸되, 이 스타일을 알아보게 하는 구성은 그대로 유지합니다.

제공 내용

서로 연결된 다섯 페이지가 상단 고정 내비게이션 바와 푸터를 공유합니다.

• 제품 — 공지 필, 두 줄 그라디언트 헤드라인, 다운로드와 브라우저용 CTA, 아바타 신뢰 영역, 그리고 KPI 타일·매출 차트·핵심 인사이트 메모가 담긴, 코드로 그린 큰 앱 화면. 그 아래로 연동 서비스 띠, 기능 카드 세 장, Bento 그리드, 성과 수치를 곁들인 세리프 추천사, 글로우가 감도는 마무리 CTA가 이어집니다.
• 요금제 — 모든 가격을 다시 계산하는 월간/연간 스위치, 가운데 플랜을 글로우로 띄운 세 가지 플랜, 비교표, 결제 FAQ.
• 리소스 — 입력하는 대로 걸러지는 도움말 센터 검색, 카테고리 카드 여섯 장, 인기 문서, 난이도별 튜토리얼, 지원 카드.
• 이벤트 — 실시간 카운트다운과 일정이 있는 주요 라이브 워크숍, 필터링 가능한 예정 세션, 다시보기 카드, 뉴스레터 구독 폼.
• 변경 로그 — 스크롤에 따라 활성 노드가 움직이는 릴리스 타임라인, 풍부한 릴리스 카드, '이전 릴리스 더 보기' 버튼.

패키지에는 템플릿, 스타일 가이드, 페이지 라이브러리, 아이콘 규칙, 프레임워크 적용 가이드, 로컬 검증 스크립트도 포함됩니다.

내 것으로 바꾸기

먼저 제품 이름, 한 줄 카테고리 설명, Hero 문장을 정한 뒤 민트 세리프로 바꿀 단어 하나를 고릅니다. 실제로 지원하는 연동 서비스, 기능 세 가지, 설득력 있는 수치가 담긴 고객 사례, 그리고 요금제를 추가하세요. 도움말 문서, 이벤트, 릴리스 노트가 아직 없다면 어시스턴트가 가상임을 분명히 표시한 초안을 만들어 검토할 수 있게 해 줍니다.

사용하는 프레임워크를 어시스턴트에게 알려 주거나 프로젝트를 읽게 하세요. 선호가 없으면 Next.js App Router와 TypeScript 프로젝트로 만들며, 각 페이지는 실제 라우트로, 반복되는 블록은 컴포넌트로 구성합니다.

사진은 인물에만 씁니다. 작은 원형 아바타와 에이전트 ID 카드의 인물 사진 한 장입니다. 팀 사진을 직접 쓰거나, 단색 어두운 배경과 부드럽고 따뜻한 조명으로 일관된 세트를 생성하세요.

결과 확인하기

모든 페이지를 데스크톱과 휴대폰 너비에서 열어 보세요. 결제 주기 스위치를 바꾸고, 도움말 센터를 검색하고, 이벤트를 필터링하고, 세션에 등록하고, Bento의 작업을 승인하고, 이전 릴리스를 불러와 봅니다. 단일 파일 빌드에는 포함된 검증 스크립트를, 프레임워크 빌드에는 프로젝트 자체 검사를 실행하세요. 예시는 어떤 데이터도 전송하지 않습니다. 실제 서비스는 실서비스 사이트에 꼭 필요한 곳에만 연결하세요.