Thinking in
Soft Logic.

Kitchen(디자인 가이드) 페이지의 내용을 실제 사이트 구현 사항과 일치시켰습니다. L1(Display)부터 L9(Micro)까지 폰트 크기와 용도를 명확히 규정하고 가이드 표(Table) 업데이트, 버튼, 배지, 카드(Type A/B/C)의 최신 디자인 스펙을 Kitchen 페이지에 반영하여 '살아있는 문서'로 유지, Kitchen 페이지 내부 코드를 `KitchenSection` 컴포넌트로 구조화하여 코드 중복 제거.

블로그의 전체적인 톤앤매너와 조화를 이루도록 배지(Badge)의 색상 팔레트를 조정했습니다. 기존의 차가운 'Indigo' 색상을 따뜻하고 생동감 있는 'Coral (Rose)' 색상으로 교체하여, 말차색(Green)과의 보색 대비를 통한 시각적 포인트 강화, 변경된 컬러 시스템을 Kitchen 가이드와 실제 컴포넌트(Card)에 동기화.

사이트 전반에 사용되는 버튼 스타일을 표준화하고 유지보수성을 높였습니다. 크기, 색상, 아이콘을 옵션으로 조절 가능한 만능 버튼(`Button.astro`) 개발, Home, Recipe, 404 페이지 등의 하드코딩된 버튼 코드를 컴포넌트로 전면 교체, Kitchen 가이드에 실제 컴포넌트를 연동하여 디자인 시스템과 코드의 일치(Sync) 구현.

카드 컴포넌트의 스타일링 로직을 개선하여 디자인 일관성을 높였습니다. 삼항 연산자(Ternary Operator)를 도입하여 단일 컴포넌트에서 가변적인 여백(Padding)을 처리하도록 개선, 모든 카드의 좌우 여백을 32px(px-8)로 통일하여 시각적 정렬(Alignment) 완성.

사이트 전체의 디자인 일관성과 유지보수성을 높이기 위해 대규모 리팩토링을 진행했습니다. H1~Body까지 폰트 크기 규칙(Level 1~8)을 정의하고 전체 페이지에 적용, 반복되는 UI 요소인 'Badge'를 독립 컴포넌트로 분리하여 재사용성 확보, Card, PostRow, Ingredients 페이지의 디자인 파편화를 해소하고 시스템으로 통합.