AI 스타일 가이드

AI 스타일 가이드 가이드

브랜드를 한 문장으로 설명하면 이 도구가 완전한 디자인 시스템을 조립합니다: 매칭된 컬러 팔레트, 전문 폰트 페어, 8단계 타이포 스케일, 8pt 간격 그리드, 라운드와 섀도. 두 번의 신경망 매칭(팔레트 테마 + 폰트 페어)이 브라우저에서 실행되고 결과는 하나의 복사 가능한 CSS 변수 블록으로 합쳐집니다.

모든 것이 실제 디자인 시스템 관례를 따릅니다: 타이포 스케일은 16px 기준 1.25 비율, 간격은 Material Design의 8pt 그리드, CSS 변수는 최신 --token 명명 패턴이라 어떤 프로젝트에도 바로 쓸 수 있습니다.

Pro Tips

• CSS 변수 블록 전체를 복사해 :root에 붙여넣으면 — 프로젝트 전체가 즉시 가이드를 상속합니다.
• 다른 설명(「대담한 테크」vs「부드러운 웰니스」)으로 몇 가지 변형을 생성해 확정 전에 어떤 개성이 브랜드에 맞는지 비교하세요.