Spacing

UI 요소 간의 간격을 정의하는 시스템

enum Spacing

Overview

Spacing은 Montage 디자인 시스템에서 UI 요소 간의 일관된 간격을 제공하기 위한 규격화된 값들을 정의합니다. 모든 간격은 4포인트 기반의 스케일로 구성되어 있어 디자인의 일관성과 조화를 유지합니다.

// UIKit에서 사용
let padding = CGFloat.spacing(.pt16)
view.layoutMargins = UIEdgeInsets(top: padding, left: padding, bottom: padding, right: padding)

// SwiftUI에서 사용
Text("Hello, World!")
    .padding(.horizontal, .spacing(.pt24))
    .padding(.vertical, .spacing(.pt16))

Note

간격 이름의 숫자는 포인트 단위의 실제 간격 값을 나타냅니다. 예를 들어 pt16은 16포인트의 간격을 의미합니다.

Topics

Enumeration Cases

case pt01

1포인트 간격

case pt02

2포인트 간격

case pt04

4포인트 간격

case pt08

8포인트 간격

case pt12

12포인트 간격

case pt16

16포인트 간격 (기본 간격)

case pt20

20포인트 간격

case pt24

24포인트 간격

case pt28

28포인트 간격

case pt32

32포인트 간격

case pt36

36포인트 간격

case pt40

40포인트 간격

case pt48

48포인트 간격

case pt56

56포인트 간격

case pt64

64포인트 간격

case pt72

72포인트 간격

case pt80

80포인트 간격

Associated Extensions

extension CGFloat
static func spacing(Spacing) -> CGFloat

Spacing 열거형 값에 해당하는 CGFloat 값을 반환합니다.

  • Parameters

    ParameterDescription
    spacingComponent사용할 간격 열거형 값

  • Return Value

    지정된 간격에 해당하는 CGFloat 값

  • Discussion

    디자인 시스템에서 정의된 일관된 간격 값을 사용할 수 있도록 합니다.

    let padding = CGFloat.spacing(.pt16) // 16.0
extension Float
static func spacing(Spacing) -> Float

Spacing 열거형 값에 해당하는 Float 값을 반환합니다.

  • Parameters

    ParameterDescription
    spacingComponent사용할 간격 열거형 값

  • Return Value

    지정된 간격에 해당하는 Float 값

  • Discussion

    디자인 시스템에서 정의된 일관된 간격 값을 사용할 수 있도록 합니다.

    let padding = Float.spacing(.pt16) // 16.0

Relationships

Conforms To

Swift.Equatable

Swift.Hashable

© 2026 Wanted Lab, Inc.