한 문장을 넣으면, 브랜드 키트 한 벌이 나옵니다.
무엇을 만들고 있는지 설명하면 정말로 편집 가능한 벡터 마크가 나옵니다. 비트맵을 따라 그린 것이 아닙니다.
로고 변형, 파비콘 전체 세트, 컬러 팔레트, 붙여넣기만 하면 되는 마크업까지 zip 하나에 담습니다.
zip 구성: favicon.ico · icon.svg · apple-touch-icon · PWA 아이콘 · OG 이미지 · 로고 변형 · head 스니펫
무엇이 들어 있나
웹사이트가 공개 첫날 필요한 전부. 인쇄소가 대신 보내줄 명함과 봉투는 들어 있지 않습니다.
로고와 변형
가로형과 세로형 조합, 심볼 단독, 단색 검정과 반전 흰색. 배경이 투명한 PNG와 무한히 확대되는 SVG를 함께 제공하며 라이트·다크 모드 모두에 대응합니다.
웹사이트 파비콘
여러 해상도를 담은 진짜 .ico와 모든 크기의 PNG, apple-touch-icon과 PWA 아이콘. 안드로이드가 요구하는 세이프 존을 확보한 maskable 파일도 따로 들어갑니다.
컬러 팔레트
메인 컬러와 보조 컬러를 HEX/RGB 값으로 제공하며, Tailwind CSS 설정에 그대로 붙여넣을 수 있습니다.
서체 추천
브랜드 톤에 맞는 무료 오픈소스 서체 가운데 제목용과 본문용을 짝지어 제안하고, 한글 폴백은 폰트 스택에 이미 넣어 둡니다.
소셜·공유 이미지
1200×630 OG 이미지, 트위터 카드, 정사각형 WeChat 썸네일, 그리고 어느 플랫폼에서나 쓰는 400×400 아바타.
붙여넣기용 마크업
아이콘 링크, theme-color, OG와 트위터 태그가 들어간 head 스니펫. 대부분의 사이트가 공유 링크가 빈 화면으로 뜨고 나서야 빠뜨린 걸 알아채는 부분입니다.
이 도구로 생성한 브랜드 키트 예시
브랜드를 말로 어떻게 설명해야 할지 모르겠다면 아래 예시를 보세요. 모두 저희 AI가 생성한 것입니다. 미니멀한 SaaS 도구든 발랄한 소비자 앱이든 출발점이 될 만한 것이 있습니다.
완성된 키트는 이렇게 생겼습니다
팟캐스트 편집 도구로 실제 생성한 결과입니다. 마크는 하나, 그 아래는 전부 거기서 파생된 것입니다. 실제 픽셀 크기별 파비콘, OG 카드, 컬러 램프, 그리고 팀에 사용법을 알려 주는 문서까지.
테크 SaaS
“개발자를 위한 API 모니터링 대시보드, 미니멀하고 기술적, 짙은 네이비에 시그널 컬러 포인트.” 심볼이 추적 비콘처럼 읽히고, 같은 마크가 탭 파비콘으로도 버팁니다.
라이프스타일 앱
“동물병원 예약 앱, 따뜻하고 믿음직하게, 청록과 흰색.” 내부에 이차적인 디테일을 넣지 않은 둥근 실루엣 하나. 이것이 바로 16px 탭에서 살아남는 그리기 방식입니다.
크리에이터 도구
“독립 팟캐스터를 위한 오디오 편집 도구, 과감하고 대비가 강하게.” 재생 삼각형이 워드마크의 시각적 기준점 역할까지 하고, 어두운 탭 바에서도 배색이 선명합니다.
파비콘을 따로 그리는 이유
왼쪽은 디테일이 많은 로고를 브라우저 탭 크기로 그대로 줄인 것입니다. 뭉개져 버립니다. 오른쪽은 파비콘 규칙으로 다시 파생시킨 마크를 같은 16px로 보여 준 것이고, 여전히 알아볼 수 있습니다. 대부분의 생성기가 보여 주지 않는 검사이고, 여기서는 후보마다 매번 돌립니다.
브랜드 키트란 무엇이고, 왜 파비콘까지 포함될까요?
브랜드 키트는 제품이 외부에 쓰는 재사용 가능한 시각 자산 한 벌입니다. 로고와 그 변형, 파비콘, 컬러 팔레트, 타이포그래피 규격. 파비콘도 여기 속하지만, 로고 전체를 줄인 것이 아니라 로고의 심볼 부분에서 파생시킨 것입니다. 구글의 로고는 네 가지 색의 워드마크지만 파비콘은 G 한 글자, 따로 그린 자산입니다.
언제나 정사각형
대부분의 로고는 가로형 조합입니다. 파비콘 자리는 정사각형이라 심볼이 혼자서도 성립해야 합니다.
16px에서 알아볼 수 있을 것
가는 선은 사라지고, 그러데이션은 뭉개지고, 글자는 읽히지 않습니다. 이 제약이 형태를 어떻게 그릴지 결정합니다.
밝은 배경과 어두운 배경 모두에서
흰색에 가까운 마크는 밝은 탭 바에서 그대로 사라집니다. 배색이 양쪽 모두에서 성립해야 합니다.
세 단계로 완성하는 브랜드 아이덴티티
원래는 요구사항을 쓰고, 디자이너를 찾고, 일주일을 기다립니다. 여기서는 한 문장, 그리고 약 1분입니다.
1. 아이디어를 설명하세요
예: 해외 대학생을 위한 AI 논문 교정 도구, 미니멀한 테크 스타일, 메인 컬러는 파랑. 이것을 브랜드 브리프로 바꾸고 정말로 다른 여러 방향으로 펼칩니다. 같은 아이디어의 네 가지 색상 변주가 아닙니다.
2. AI가 병렬로 생성
엔진이 병렬로 작동합니다. 로고 콘셉트를 진짜 벡터로 생성하고, 어울리는 팔레트를 추출하고, 타이포그래피 규격을 설계합니다.
3. zip 다운로드
마음에 드시나요? 클릭 한 번으로 모든 에셋과 적용 안내가 담긴 zip을 받습니다. 이후에 브랜드명을 바꿔도 크레딧은 들지 않습니다.
자주 묻는 질문
더 궁금한 점이 있으면 [email protected]로 메일 주세요.
제품이 외부에 쓰는 재사용 가능한 시각 자산 한 벌입니다. 로고와 변형, 파비콘, 컬러 팔레트, 타이포그래피 규격, 그리고 이것들을 일관되게 유지하는 사용 규칙까지 포함합니다. 브랜드 키트는 로고 파일 하나가 아니라, 브라우저 탭에서도 휴대폰 홈 화면에서도 공유된 링크 미리보기에서도 브랜드가 똑같이 보이게 하는 모든 자산입니다.
네. 패스 몇 개와 이름 붙은 색 몇 가지로 이루어져 있고 보통 12KB 미만입니다. 비트맵을 따라 그린 것이 아니라 벡터로 직접 생성하기 때문에, 일러스트레이터나 피그마에서 노드가 수천 개라 손댈 수 없는 상황이 생기지 않습니다.
아니요. 이름은 SVG 안의 살아 있는 텍스트 요소이고 그래픽에 구워 넣지 않았기 때문에, 이름 변경은 다시 렌더링하는 것뿐입니다. 크레딧은 새 마크를 생성할 때만 차감됩니다.
상업적으로 자유롭게 쓰실 수 있습니다. 다만 AI 생성은 고유성을 보장할 수 없습니다. 비슷한 설명이면 다른 사람에게도 비슷한 결과가 나올 수 있습니다. 상표 출원 전에는 변리사와 상담하세요.
의도한 것입니다. 파비콘은 정사각형이어야 하고, 16px에서 읽혀야 하며, 밝은 탭 바와 어두운 탭 바 모두에서 버텨야 합니다. 심볼 부분을 가져와 자체 경계에 맞춰 잘라내고, 전달 전에 가독성 검사를 한 번 돌립니다.
가능합니다. SVG를 ICO로 바꾸는 변환기는 전부 브라우저 안에서 돌아가고 무료입니다. 가입도 크레딧도 필요 없습니다.