# 03-lake 레이크 포레스트 — 디자인 시스템2.0
## 시각 방향
딥 그린 · 호수 파노라마 · 자연 중심 스토리
레퍼런스 [래미안](https://www.raemian.co.kr/). 레이아웃 연구이며 타 사이트 원본 토큰을 추출한 것이 아님.
## 브랜드
원본로고 assets/brand-logo-original.png. 250×70 비율 유지, 재색상·자르기 금지. PC214px/모바일160px, 주변10px. 전화1688-3060.
## 토큰
Accent #234637, Background #f5f2e8. semantic/spacing/components 값은 design-tokens.json.
제목 "Noto Serif KR", Batang, Georgia, serif. 본문16px/1.8, 모바일입력16px.
## 레이아웃
최대1280px, PC좌우5vw, 모바일24px.600px/900px전환. 섹션PC72~120px, 모바일64px.
## 이미지·영상
사진cover,평면contain. AI생활연출표시 유지. 원본CG·평면 변형 금지.
클라이언트영상 계약혜택 다음 배치.무음자동재생·반복·기본조작.
## 관심고객등록
이름·연락처·동의 동일 순서. 동의 기본없음. 숫자연락처9~11자리. type/benefit은 앞선선택만 숨김값으로 전달.
ready/invalid/submitting/success/failed/not-configured 상태.시트저장성공시에만완료표시.
엔드포인트/api/leads.브라우저에봇토큰·공유비밀값없음.동의문2026-09-14-v1.
## 접근성
최소44px,3px포커스,모달Esc,라디오레이블,오류aria-live,감소모션지원.
## 편집
빌더tools/build.py 및 tools/build_design_systems.py. 공통CSS/JS는shared.테마값theme.css.코드와가이드를함께갱신.

## 하위페이지와 메뉴
17개 하위페이지 / 5개 그룹. PC 클릭 드롭다운, 모바일 아코디언. Escape·외부 클릭 닫기, 현재 위치 aria-current. 평면 contain·확대·다운로드. 각 시안의 색상과 서체 상속.

## 하단 전체 상담 배너
화면바닥0px·가로100% 고정. 관심고객등록/전화상담 2열. PC높이88px, 모바일76px+safe-area. 전화1688-3060 크게표시. 굵은고딕700·등록/전화SVG아이콘·모바일줄바꿈방지. 본문끝에 배너높이만큼 여백. 키보드포커스 표시. 평면안내는 상단 세대메뉴에서 탐색.

## 우측 하단 배너 옵션
?banner=corner: PC901px이상 우측24px/하단24px 고정, 너비330px, 20px 모서리, 2개 세로 버튼과 아이콘. 모바일은 전체너비형. ?banner=wide로 전체너비복귀. 기본은항상바닥형이며우측형은명시적URL에서만미리보기.