Payment Card

NFrom Nibware - Original components, crafted in-house.

A payment-card visual.

Finance25 linesSwiftUIiOS 17+

The actual source

Payment Card · Swift

PaymentCard.swift

import SwiftUI

let fnInk = Color(red: 0.11, green: 0.12, blue: 0.14)

/// A payment-card visual.
struct FinanceCard: View {
    var body: some View {
        VStack(alignment: .leading, spacing: 0) {
            HStack { Text("Nova Bank").font(.system(size: 14, weight: .bold)).foregroundStyle(.white); Spacer(); Image(systemName: "wave.3.right").font(.system(size: 16)).foregroundStyle(.white.opacity(0.85)) }
            Spacer()
            RoundedRectangle(cornerRadius: 5).fill(LinearGradient(colors: [Color(white: 0.9), Color(white: 0.7)], startPoint: .top, endPoint: .bottom)).frame(width: 40, height: 30)
            Spacer()

What it needs

Self-contained SwiftUI - system materials, SF Symbols, no external dependencies. This screen also references:

All of it - tokens, sub-views, models - is carried in the copy-paste source above.

Pairs well with