타브린에어로스페이스

어떻게 만들어졌나

원본은 항공·우주 부품을 만드는 대기업의 누리집입니다. 무기 제품은 빼고 가상 위성 버스와 엔진 부품으로 바꿨습니다.

루트 글자 크기가 화면폭에 따라 바뀌어 모든 rem이 함께 커집니다. 좌우 여백 5vw에 14칸 그리드를 씁니다.

바탕은 우주색 #00040e와 흰 무대 두 가지뿐입니다. 홈은 900px마다 두 바탕이 번갈아 나옵니다.

미션 사진은 컨테이너 폭에서 화면 가득으로 넓어지며 배경이 됩니다. 제품은 2D 캔버스에서 끌어 넘깁니다.

원본의 3D 쇼룸은 넓은 사진을 끌어 둘러보는 화면으로 바꿨습니다. 제품 상세 페이지는 상세 창으로 대신했습니다.

원본의 가상 스크롤은 Lenis로 바꿔 문서 높이와 앵커가 살아 있습니다. 서체는 Albert Sans와 Pretendard입니다.

주요 기능

• 메가메뉴 헤더 · 전체 메뉴 사이트맵
• 넓어지는 미션 사진 · 제품 끌기 캔버스
• 쇼룸 사진 끌기 보기 · 제품 상세 창
• 연혁 고정 시기 막대 · IR 연도 필터 · 뉴스룸 분류·검색

어디에 어떻게 쓸 수 있나

제품군이 많고 IR·ESG를 함께 싣는 제조 기업에 맞습니다. 소개, 제품, 투자정보, 미디어가 다섯 가지 틀 안에 들어갑니다.

확인할 점

영어판은 홈 한 페이지뿐입니다. 뉴스 본문과 ESG 하위 화면은 따로 없고 인재상 영상 자리도 뺐습니다.