Tremor

구성 분석

첫 화면: 공지 띠 → 내비게이션 → 기술 환경 표시 → 제품 제목과 설명 → 두 가지 행동 버튼 → 차트 예시.
선 그래프와 막대 그래프를 나란히 배치해 사용할 수 있는 결과물을 구체적으로 보여줍니다.

디자인 관찰

2026-10-27 원본 사이트 첫 화면 관찰: 흰 바탕과 짙은 제목, 옅은 경계선으로 묶은 차트 영역. 제목·설명·행동 버튼은 중앙에 모이고 아래 예시부터 두 열로 넓어집니다.
강한 색은 버튼과 데이터 시리즈 구분에 쓰입니다. 서체명·정확한 색상·수치는 미측정입니다. 소개 화면을 관찰했으며 컴포넌트 코드를 가져오거나 실행 검증하지 않았습니다.

적용 메모

문서로 이동하는 행동과 결과물을 탐색하는 행동을 구분합니다.
우리 제품의 대표 예시 두 개만 첫 화면에 보여주고, 자세한 옵션은 다음 화면으로 보냅니다.
샘플 차트를 실데이터처럼 오인하지 않도록 예시임을 명시하고, 데이터 계열 색을 의미에 맞게 정합니다.

프로젝트 적용 기록

아직 실제 프로젝트에 적용하지 않았습니다.

출처와 확인 범위

UIZZE 팩 ID와 링크는 제공 보고서에서 메타데이터로 확인한 항목입니다. 팩 원문·내부 캡처는 이번에 열람하지 못했습니다.
분석은 2026-10-27 원본 홈을 1440 × 1000 CSS px 데스크톱으로 직접 관찰한 기록입니다. 원본 홈의 관찰을 팩 내부 구성 확인으로 간주하지 않습니다.
2026-10-27 원본 사이트의 섹션별 직접 캡처를 추가했습니다. 촬영 시점·뷰포트·출처는 각 이미지에 기록하며, 기존 UIZZE 팩의 캡처 조건과 구분합니다.

원본 사이트의 공개 홈페이지를 직접 캡처한 섹션 이미지와 자체 분석을 보관합니다. UIZZE가 보관한 이미지·DESIGN.md·코드·폰트 파일은 복제하지 않았습니다. 캡처 안의 브랜드·사진·서체 등 원본 소재의 프로젝트 사용 조건은 별도 확인 대상입니다.