Japanese Builder Website Hero Mockup

This generates a sleek presentation mockup of a Japanese construction company homepage first view with a green theme, one notice item, and a consultation photo for web design concept showcases.

다크 차콜 배경 위에 일본 주택 건설업체 웹사이트의 첫 화면 콘셉트를 보여주는 세련된 프레젠테이션 스타일의 목업입니다. 우측 상단에는 깔끔한 산세리프 서체로 4개의 일본어 불렛 포인트가 적힌 큰 흰색 둥근 말풍선을 배치하세요: 「工務店のwebサイトのファーストビューを作成してください。」, 「- 緑ベース」, 「- お知らせを1件表示」, 「- FV画像は、机を囲んで業者とお客様が話しているところ」, 「- CTAボタン設置」. 좌측 하단에는 차분한 포레스트 그린 테마와 일본 건설 회사의 우아한 라이프스타일 브랜딩이 적용된, 둥근 브라우저 형태의 프레임 안에 사실적인 데스크톱 웹사이트 히어로 섹션을 보여주세요. 상단 내비게이션 바에는 맨 왼쪽에 작은 집 로고, 일본어로 된 회사명, 상단에 5개의 내비게이션 링크, 오른쪽에 둥근 흰색 문의하기 버튼 1개가 포함됩니다. 히어로 영역은 시각적으로 2개의 주요 구역으로 나뉩니다. 왼쪽에는 레이어드된 유기적인 나뭇잎 패턴이 있는 녹색 질감 패널, 짧은 소개 문구, 여러 줄로 구성된 큰 흰색 일본어 헤드라인, 짧은 일본어 본문 단락, 1개의 흰색 둥근 CTA 버튼이 배치됩니다. 오른쪽에는 나무 테이블을 사이에 두고 2명이 마주 앉아 상담하는 따뜻한 자연광 사진을 배치하며, 테이블 위에는 서류와 작은 건축 모형이 보이고 배경에는 실내 식물과 창가 빛이 비칩니다. 전체 웹사이트 카드에는 부드러운 그림자, 고급스러운 편집 디자인 간격, 둥근 하단 모서리가 적용됩니다. 웹사이트 목업 하단에는 작은 녹색 태그, 날짜, 일본어 공지 텍스트, 오른쪽에 미묘한 링크가 포함된 1개의 공지사항 항목이 있는 좁은 연회색 공지 바를 포함하세요. 웹사이트 카드의 왼쪽 하단 모서리에 겹쳐지도록 「編集」이라는 일본어 텍스트가 담긴 반투명 회색 원형 배지를 추가하세요. 웹사이트 카드의 오른쪽 하단 모서리에는 작은 원형 공유/업로드 아이콘을 추가합니다. 전체적인 스타일: 고급 일본 웹 디자인 콘셉트, 사실적인 UI 목업, 세련된 타이포그래피, 녹색 자연 소재 브랜딩, 미니멀하고 우아한 구성.

기계 번역 — 실제 결과물을 만든 것은 원문 프롬프트입니다.

✨ 생성 저장 프롬프트 복사 공유 원본 게시물 Hitboard에서 열기