Axonfield

어떻게 만들어졌나

원본은 눈에 보이지 않는 속도와 규모를 파는 인프라 회사입니다. 첫 화면 대부분을 형태로 채웠습니다.

흰 패널과 슬레이트 패널이 32px 모서리로 겹쳐 올라오고, 사이사이 어두운 구간이 드러납니다.

어두운 구간은 전체의 44%지만 시작·중간·끝에 있습니다. 그래서 다크 사이트로 기억됩니다.

내비게이션, 버튼, 라벨, 날짜는 모두 13px 고정폭 대문자입니다. 호버하면 글자가 섞였다가 제자리로 옵니다.

가격 페이지는 초당 단가를 시간 단가로 바꾸는 토글이 있습니다. 요청 수·실행 시간·하드웨어로 월 금액을 계산합니다.

주요 기능

• 가격 토글 · 월 금액 계산기
• 스크롤 연동 목록
• 쿠키 배너와 설정 모달
• 블로그 필터 · 폼 4종

어디에 어떻게 쓸 수 있나

가격 구조가 복잡한 B2B 서비스에 맞습니다. 기능은 제품 화면을 줄인 카드로 보여 줍니다.

확인할 점

원본의 WebGPU 리본은 2D 캔버스로 다시 그렸습니다. 3D 형태가 중요하면 별도 제작이 필요합니다.