해외 제품 사이트 20곳의 첫 화면을 관찰해 시각 원리를 뽑고, 같은 문구와 섹션 구성 위에 디자인 시스템만 바꿔 홈페이지 시안 20벌을 만든 자체 제작 샘플입니다. 문구를 고정해 20벌의 차이가 그대로 스타일 차이로 비교됩니다. 시안마다 색 체계와 역할, 한글 지원 서체 조합, 크기 단계, 모서리와 간격, 레이아웃 문법, 모션 성격을 시스템 시트로 정리했습니다. 첫 화면 그래픽은 레퍼런스의 코드를 가져오지 않고 직접 다시 그렸고, 커서와 터치에 반응합니다. 20벌 모두 일괄 검증으로 오류와 글자 겹침을 검사하고 PC와 모바일 화면을 확인했습니다. 홈페이지를 맡기실 때 원하는 분위기를 이 중에서 고르고, 그 시스템을 브랜드에 맞춰 다시 짜는 출발점으로 씁니다.