Heron AI

종이 질감, 건축 도면, 대형 산세리프와 기술 정보가 결합된 AI·건축 서비스 홈페이지. 분할 그리드와 스크롤 스토리텔링을 관찰했습니다.

제작: Bearplus agency (원본 사이트의 제작 표기)
촬영일: 2026-10-29
조사 범위: 공개 홈페이지 전체 / 데스크톱 1440 × 1000 / 실제 스크롤 대표 장면

관찰한 디자인 특징

종이 질감 바탕에 검정·회색 선과 주황색 포인트를 사용합니다.
큰 산세리프 제목과 작은 고정폭 정보가 대비됩니다. 렌더링 글꼴 이름은 BT Grotesk와 Geistmono로 관찰했습니다.
얇은 선과 셀로 나뉜 헤더·분할 섹션·푸터가 건축 도면의 언어를 이어갑니다.
도면·모델 이미지와 좌표·치수·눈금을 건축·설계 서비스 맥락과 연결합니다.
스크롤 중 도면과 정보가 바뀌며, 문의 영역과 푸터까지 같은 시각 체계를 유지합니다.

응용할 때 참고할 점

대형 제목, 이미지, 기술 정보를 어떤 크기와 밀도로 나누는지 참고하세요.
건축·기술 서비스의 실제 도면과 검토 결과를 사용하면 시각 언어와 기능 설명을 연결할 수 있습니다.
긴 고정 스크롤을 응용할 때는 읽기 흐름, 키보드 접근, 동작 감소 설정과 작은 화면의 대안을 별도로 검토하세요.
이 자료는 디자인 관찰 기록입니다. 서비스 성능·법규 검토 정확성과 소재·폰트의 재사용 권한은 확인하지 않았습니다.

홈페이지를 처음부터 푸터까지 실제 브라우저로 관찰했습니다. 히어로, 소개·도구와 고객, 문제 정의, 도면 스크롤 스토리, 제품 소개, 관찰·제안·실행·학습, 활용 대상, 문의 CTA와 푸터를 기록합니다.

각 이미지는 1440 × 1000 뷰포트의 실제 정지 장면입니다. 긴 구역은 여러 대표 장면으로 나누었으며 모든 애니메이션 프레임이나 다른 페이지를 수집한 것은 아닙니다. 쿠키 안내는 거절한 뒤 촬영했습니다.