foundation 문서화

[sseung30]

1. Color

• Semantic / Functional color set
• Light & Dark mode

2. Typography

• Heading scale
• Body scale
• Line-height, letter-spacing 규칙
• Naming 규칙

3. Spacing

• Global spacing scale
• Auto layout spacing 규칙(간격 활용 예시)

4. Radius

• Corner radius scale (2, 4, 8, 16 등)
• 적용 범위 예시(버튼·카드·입력창마다 어떻게 적용되는지)

5. Border

• Border thickness scale (1, 1.5, 2)
• Border color principle

6. Breakpoint

• Responsive 기준
• Grid system과 연결
• Layout 규칙

현재 정리되어있는 내용을 다듬어서 처음 사용하는 사용자도 이해가 가능하도록 정리 필요