🍋 Design Tools
간격 스케일 생성기
일관된 간격 스케일 생성
chars
words
sentences
lines
Spacing Scale Options
결과
결과
간격 스케일 생성기 소개
일관된 간격(spacing) 스케일을 생성합니다. 기본 단위와 비율로 padding, margin 등의 값을 계산합니다.
작동 방식
기본 단위를 설정하면 배수 기반의 간격 스케일을 생성하고 CSS 변수와 유틸리티 클래스를 제공합니다.
단계별 사용법
- 1 [
- 2 '
- 3 기
- 4 본
- 5
- 6 단
- 7 위
- 8
- 9 설
- 10 정
- 11
- 12 (
- 13 4
- 14 p
- 15 x
- 16
- 17 또
- 18 는
- 19
- 20 8
- 21 p
- 22 x
- 23 )
- 24 '
- 25 ,
- 26
- 27 '
- 28 스
- 29 케
- 30 일
- 31
- 32 확
- 33 인
- 34 '
- 35 ,
- 36
- 37 '
- 38 C
- 39 S
- 40 S
- 41
- 42 변
- 43 수
- 44
- 45 복
- 46 사
- 47 '
- 48 ]
팁
- [
- '
- T
- a
- i
- l
- w
- i
- n
- d
- C
- S
- S
- 의
- 간
- 격
- 스
- 케
- 일
- (
- 4
- p
- x
- 기
- 반
- )
- 을
- 참
- 고
- 하
- 세
- 요
- '
- ,
- '
- 디
- 자
- 인
- 시
- 스
- 템
- 에
- 서
- 간
- 격
- 토
- 큰
- 으
- 로
- 관
- 리
- 하
- 세
- 요
- '
- ]