WITHIN H. 새결 매거진

어떻게 만들어졌나

원본은 GS건설 자이의 웹 매거진입니다. 메뉴는 분양 정보 없이 인터뷰·생활·트렌드·단지 소개 네 갈래로 짰습니다.

모든 목록이 같은 카드를 씁니다. 사진 비율 2:3, 4열, 카드 세로 간격 96px입니다.

하위 메뉴는 전폭 띠로 열립니다. 왼쪽 세로선이 해당 메뉴 글자 위치에 맞춰지도록 계산을 옮겼습니다.

움직임은 로고 페이드, 슬라이드 페이드 700ms, 하위 메뉴 250ms 세 가지입니다. 간격은 4·8·16·24·48px 값만 씁니다.

원본 이벤트 상세는 긴 이미지 한 장입니다. 모작은 같은 순서를 HTML 글자로 조판했습니다.

인터뷰 인물 사진은 얼굴이 보이지 않는 사진으로 바꿨습니다. 유튜브 영상 자리에서는 CC 영상 한 편이 재생됩니다.

주요 기능

• 하위 메뉴 · 페이드 슬라이드
• 분류 칩 · 쪽 번호 · 검색
• 기사 라이트박스 · 공유 4종
• 뉴스레터 구독 · 이벤트 응모 폼

어디에 어떻게 쓸 수 있나

읽을거리를 갈래별로 쌓는 기업·브랜드 매거진에 맞습니다. 목록, 기사, 검색, 뉴스레터, 이벤트 응모가 들어갑니다.

확인할 점

구독·응모 폼은 전송하지 않습니다. 영상 카드 네 개가 같은 영상 한 편을 재생합니다.