Skip to navigation

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

Cash App Afterpay lockup

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

Choose a palette that contrasts with the background behind the lockup:

PaletteLockupUse it on
.defaultDefault lockupLight backgrounds
.darkMonoDark monochrome lockupLight backgrounds
.altAlt lockupDark backgrounds
.lightMonoLight monochrome lockupDark backgrounds

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

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

The Cash App Afterpay brand uses the lockup only. BadgeView and CompactBadgeView stay hidden when the configuration locale is en_US, and they trigger an assertion failure in debug builds.