DevKnow SaaS 랜딩 페이지

REFERENCE_0을 제품 UI 스크린샷으로 사용하여 {argument name="product name" default="DevKnow"}의 아름다운 일본어 SaaS 랜딩 페이지로 변환하세요. 앱 스크린샷의 인지도를 유지하기 위해 홈 화면 오른쪽의 브라우저/모델 미리보기 상자에 큰 모서리를 적용하고 크기를 적절히 줄인 다음, 배경에 부드러운 그림자와 은은한 보라색 추상적인 선/그라데이션 장식을 추가하세요. 레이아웃: 흰색 배경에 보라색 브랜드 색상을 사용하여 깔끔한 데스크톱 랜딩 페이지를 만드세요. 상단 탐색 표시줄을 추가하고 기존 로고/이름을 왼쪽에 배치하고 중앙에 5개의 메뉴 링크를 추가합니다: "特徴"(특수 기능), "使い方"(사용 방법), "料金"(수익), "ゑppdate"(앱 날짜), "よKUあRU质问"(질문), "login"(로그인) 및 보라색 CTA 버튼 "無料ded始めuru→"(무료 시작 →). 첫 번째 화면 영역: 왼쪽에 "AI・최신 뉴스をEvery Day О 세션의 개인 개발"이라는 텍스트가 있는 작은 둥근 배지를 추가합니다. 눈길을 끄는 일본어 헤드라인({argument name="hero headline" default="开発の　　　　、日あなたのもとへ. "})을 추가하고 "あなたのもとへ"라는 문구를 보라색으로 강조 표시합니다. 아래에 보조 사본을 추가하세요: {argument name="hero Description" default="DevKnow は、AI・teck・personal Kai発に关suuru최신 정보 を掎日厳选して と期け し け け し に て ARS APRIDES."}. 두 개의 홈 화면 버튼을 추가합니다. 보라색 기본 버튼인 '무료 시작 →'와 흰색 보조 버튼인 '사용 방법 보기'입니다. 버튼 아래에 "로그인하지 말고 시작하세요", "지금이라도 취소할 수 있나요?", "웹 브라우저를 사용할 수 있습니다"라는 작은 보라색 확인 표시 아이콘이 있는 세 가지 신뢰 포인트를 추가하세요. 기능 영역: 홈 화면 하단에 중앙에 보라색 “FEATURES” 라벨을 추가하고 제목 “DevKnow Descendable と”를 추가합니다. 일렬로 배열된 부드러운 그림자와 보라색 아이콘이 있는 둥근 기능 카드 4개를 만듭니다. 1) 번개 아이콘, 제목 "Everyday's 厳选nuurs", 설명 "AI・teck・Personal Kailu의 최신 NUWSを掎日厳选してō 세션 けしまс."; 2) 누적 레이어 아이콘, 제목 "카테고리데简単に検SO", 설명 "Xingwei のあRU카테고리を选ん데, 필요한 정보 にsuぐaccess." 3) 북마크 아이콘, 제목 "Saved してあとり読む", 설명 "気になurunuu-sをSaved して, あととゆんたて読めmas."; 4) 벨 아이콘, 제목 "탈출 알림", 설명 "탈출 중요 알림. 탈출 알림." 스타일 제한 사항: 원시 앱 스크린샷이 아닌 현대적인 출시 준비 랜딩 페이지처럼 보이도록 만드세요. 넓은 여백, 둥근 모서리, 미묘한 그림자, 보라색 그라데이션 버튼, 명확한 일본어 타이포그래피를 사용하고 랜딩 페이지 디자인 외부의 모든 혼란스러운 부분을 제거하세요. 참조 앱의 UI 콘텐츠를 계속 표시하되 랜딩 페이지 디자인의 보조 부분으로 사용하세요.