Sillmark

어떻게 만들어졌나

원본은 건축 모델의 법규 위반을 찾는 설계 AI 소프트웨어 사이트입니다. 홈, 제품 2종, 요금, 자료, 소개, 문의, 정책 3종을 그대로 옮겼습니다.

1px 선 격자가 모든 칸을 나눕니다. 루트 글자 크기를 100vw/172.8로 잡아 1440px에서 원본 칸 폭과 같게 했습니다.

로더는 입면 선그림이 진행선과 함께 그려지고 7.1초에 위아래로 갈라집니다. 진행선 속도는 원본 프레임에서 잰 곡선을 따릅니다.

홈의 평면 구간은 6,300px 동안 고정됩니다. 흩어진 벽이 평면으로 모이고 오른쪽 패널과 위반 표식이 차례로 나옵니다.

강조색 #fa3600은 글자에서 #c92b00, 단추 바탕에서 #dc3000으로 바꿔 대비를 맞췄습니다. 서체는 Schibsted Grotesk와 Fragment Mono입니다.

기사는 16편에서 9편으로 줄였습니다. 연필 렌더 그림은 흑백 사진으로, 관성 스크롤은 기본 스크롤로 바꿨습니다.

주요 기능

• 로더 입면 선그림 · 진행선
• 히어로 위반 표식 · 십자선 드래그 선택
• 6,300px 고정 평면 구간 · Why 패널 반복 모션
• 기능 탭 스크롤 연동 · 요금 월/연 토글 · 자료 필터

어디에 어떻게 쓸 수 있나

도면과 모델을 다루는 B2B 소프트웨어의 제품 소개에 맞습니다. 제품 상세, 요금표, 자료실, 문의가 같은 선 격자를 씁니다.

확인할 점

문의·구독 폼은 검증만 하고 전송하지 않습니다. 로더가 약 7초 이어지고 그동안 화면을 누를 수 없습니다.