바이브 디자인 랩

01 · FONT LIBRARY

폰트 도감

직접 입력한 문장을 모든 폰트에 적용하고, 용도별로 걸러본 뒤 찜하거나 비교함에 담아보세요.

0개 폰트

02 · FONT PAIRING

제목·본문·강조 폰트를 한 화면에서 비교하고, 실제 안내문과 대시보드에 어울리는 조합을 골라보세요.

배경·본문·주요색·강조색을 실제 UI에서 확인하고, WCAG 명암 대비까지 함께 점검할 수 있습니다.

접근성 표시본문은 4.5:1 이상이면 AA, 7:1 이상이면 AAA로 표시합니다. 버튼은 흰색 글자 기준입니다. 브랜드명이 포함된 팔레트는 공식 색상표 복제가 아닌 분위기 참고용 조합입니다.

04 · THEME BUILDER

폰트와 팔레트, 모서리, 그림자와 화면 밀도를 조절해 프로젝트 전체에 사용할 디자인 토큰을 만드세요.

선택한 설정은 다른 메뉴에도 이어집니다.

생성된 디자인 토큰 보기

05 · SCREEN PREVIEW

만든 테마가 실제 학교 웹앱과 안내 화면에서 어떻게 보이는지 데스크톱·태블릿·모바일 크기로 확인해보세요.

06 · PROMPT MAKER

현재 테마와 원하는 기술·화면·사용자를 조합해, 그대로 붙여 넣을 수 있는 상세한 제작 프롬프트를 만듭니다.

07 · MY COLLECTION

찜한 폰트·팔레트·테마는 이 브라우저에 저장됩니다. 비교함에는 폰트를 최대 4개까지 담을 수 있습니다.

폰트 찜, 팔레트, 테마와 비교함을 JSON 파일로 보관하거나 다른 브라우저에서 불러올 수 있습니다.