폰트는 rem 단위로 설정 → 반응형에 유리

주요 색상은 CSS 변수로 정의 → 유지보수 편리

여백·간격은 8px 단위 사용 → 디자인 정돈

버튼·카드 등은 컴포넌트 단위로 재사용 설계

다크모드는 prefers-color-scheme + CSS 변수로 대응

실제 콘텐츠 기반 디자인 → 실무 오류 예방

로고·아이콘은 SVG로 삽입 → 빠르고 유연

Figma/XD 디자인 시 마진·폰트·색상 가이드 포함

모바일부터 설계 → PC 확장은 미디어쿼리로 대응

반응형은 max-width + % 단위로 구성