DESIGN SYSTEM / 17

세이지 리빙

넓은 여백과 라이프스타일 중심의 수평 구성

색상과 타이포그래피

호수의 여유, 도시의 품격.

제목38–108px 반응형 / 본문16px·행간1.8 / 간격8·16·24·32·48·64·96·120px

레이아웃

PC 히어로 최대1080px·최소650px, 화면높이에 맞춤. 900px 이하 단일열과 자동 높이. 상세페이지17개, 상단5그룹 드롭다운 및 모바일 아코디언.

로고·이미지

원본 투명 로고. 밝은 곳은 버건디, 어두운 헤더·푸터는 흰색 CSS 표시. 사진cover, 도면contain. AI 생활연출 명시.

컴포넌트·접근성

클릭 드롭다운, Escape 닫기, 이미지 확대, FAQ details, 44px 이상 버튼, 키보드 포커스, reduced-motion. 각 컴포넌트는 shared/site.css와 site.js 사용.

관심등록

이름·연락처·개인정보동의. 동의 기본선택 없음. 서버저장 성공시에만 완료 표시. Google 자동접수 연결은 준비중.

자료와 편집

클라이언트 현장 자료와 기존 페이지 콘텐츠 사용. 직접 설계한 디자인이며 타 사이트 토큰 복제본이 아닙니다.