타입 스케일 생성기

기본 크기와 비율로 모듈식 타입 스케일을 만들고, 모든 단계를 내 텍스트로 미리 본 뒤 크기를 px나 rem CSS 변수로 복사하세요.

무료 · 업로드 없음 · 모든 처리는 내 기기에서

타입 스케일 생성기 사용 방법

  1. 사이드 패널에서 설정을 고르세요.
  2. 결과는 즉시 업데이트됩니다. 새로 만들려면 ‘업데이트’ 버튼을 선택하세요.
  3. 결과를 복사하거나 다운로드하세요.

처음부터 비공개로 설계했습니다. 입력하거나 열거나 녹음·녹화하는 모든 것은 이 브라우저 탭에서 처리되며 KittySuite로 업로드되지 않습니다.

타입 스케일 생성기 소개

각 단계는 이전 크기에 비율을 곱한 값입니다. 1.2 같은 작은 비율은 촘촘한 인터페이스에, 1.5 같은 큰 비율은 큰 제목이 있는 기사 페이지에 어울립니다. 이름은 Tailwind와 많은 디자인 시스템이 쓰는 xs~9xl 패턴을 따릅니다.

모든 계산은 이 브라우저 탭에서 이루어지며 입력한 내용은 어디로도 전송되지 않습니다. 페이지가 로드된 뒤에는 오프라인에서도 작동합니다.

시작하기 전에 궁금한 점

내 콘텐츠가 기기 밖으로 나가나요?

파일 내용이나 입력한 텍스트는 처리를 위해 전송되지 않습니다. 이 사이트는 필요할 때 자체 코드와 리소스를 다운로드합니다. 호스팅 요청과 브라우저 캐시에 관해서는 개인정보 보호 페이지에서 설명합니다.

타입 스케일 생성기 사용 전에 무엇을 확인해야 하나요?

모든 계산은 이 브라우저 탭에서 이루어지며 입력한 내용은 어디로도 전송되지 않습니다. 페이지가 로드된 뒤에는 오프라인에서도 작동합니다.

결과가 적합하지 않으면 어떻게 하나요?

원본은 그대로 두고 설정으로 돌아가 다시 시도하세요. 읽을 수 없는 파일이나 지원되지 않는 구조는 원래 프로그램에서 다시 내보내야 할 수 있습니다.

휴대폰에서도 사용할 수 있나요?

작은 화면에 맞게 조작 버튼이 바뀌지만, 큰 파일은 모바일 메모리를 초과할 수 있습니다. 처리가 실패하면 더 작은 파일을 사용하거나 나누어 처리하세요.