C 언어 포인터 시각화 위젯을 제거하고 컴퓨터 과학 입문자를 대상으로 바이너리(binary)에 대한 학습적이고 인터랙티브한 시각화 위젯을 추가해줘. 중요: 애플 위젯처럼 단순하면서도 핵심을 강조해야 함. 400x400 사이즈의 작은 위젯으로 화면 중앙에 배치. 상호작용 가능한 요소는 꼭 필요한 경우에만 사용하도록 최소화해야 함(많이 써야 할 경우라도 최대 3개까지만 사용)

디자인 가이드 라인

• 명시적인 요청이 없는 경우 테마는 라이트 모드를 기준으로 스타일링하세요.
• 미묘하면서 주의를 해치지 않는 부드러운 애니메이션 효과를 활용하세요.
• 강조색과 중성색을 중요도에 맞게 적절하게 사용하세요.
• 중성색 외에 강조색은 5가지 색상을 초과하여 사용하지 마세요.
• 명시적으로 요청되지 않는 한 그라디언트는 사용하지 마십시오. 단색을 사용하십시오.
• 그라데이션이 필요한 경우 - 미묘한 강조 효과로만 사용하고, 주요 요소에는 절대 사용하지 마세요.
• 그라데이션에는 유사색을 사용하세요: 파란색→청록색, 보라색→분홍색, 주황색→빨간색 등
• 폰트 패밀리는 항상 최대 2개로 제한하세요. 폰트가 많을수록 시각적 혼란이 생기고 로딩 속도가 느려집니다.
• 아이콘은 remixicon을 사용하세요.
• 아이콘 크기를 일관되게 사용하세요. 일반적으로 16px, 20px 또는 24px를 사용합니다.
• 적절한 아이콘 대신 이모티콘을 사용하지 마세요.
• 지루한 것보다는 흥미로운 것을 제공하되, 절대 보기 흉한 것은 만들지 마세요.