Skip to navigation
SDKiOS SDKUI Components

Lockup

LockupView shows the Clearpay logo. Use it where you list Clearpay as a payment method or mention Clearpay without a price.

Mint Clearpay wordmark on a black background

Add the lockup

let lockupView = LockupView(colorScheme: .static(.default))
view.addSubview(lockupView)

The lockup keeps its aspect ratio, so set its width and let the height follow. Brand guidelines require a width of at least 64 points. The SDK doesn’t enforce this, so set the width yourself. The lockup’s background is always transparent.

Color schemes

The lockup is the Clearpay wordmark in a single color. Choose a palette that contrasts with the background behind the lockup:

PaletteLockupUse it on
.defaultMint Clearpay wordmark on blackDark backgrounds
.darkMonoWhite Clearpay wordmark on blackDark backgrounds
.altBlack Clearpay wordmark on whiteLight backgrounds
.lightMonoBlack Clearpay wordmark on whiteLight backgrounds

.alt and .lightMono look the same.

If your app supports dark mode, use a dynamic scheme so that the lockup stays visible in both appearances:

lockupView.colorScheme = .dynamic(
  lightPalette: .alt,
  darkPalette: .default
)

Badges

You can show the Clearpay badge instead of the lockup. BadgeView shows the badge, and CompactBadgeView shows a slimmer badge with less padding around the wordmark. Both take the same colorScheme as the lockup. For the badge colors, see Color schemes.

let badgeView = BadgeView(colorScheme: .static(.default))
view.addSubview(badgeView)