BauhausBookDesign.swift

BauhausBookDesign.swift

import SwiftUI

struct ContentView: View {
    let width: CGFloat = 80
    
    var body: some View {
        VStack(spacing: 0) {
            Spacer()
            HStack {
                Color.blue.frame(width: width)
                Spacer()
                VStack {
                    Text("bauhaus").font(.system(size: 52, weight: .heavy))
                    HStack {
                        Text("bauhaus-srchiv berlin").font(.system(size: 10, weight: .bold))
                        Text("magdelena droste").font(.system(size: 10, weight: .bold))
                    }
                }
            }
            .frame(height: 160)
            HStack(spacing: 0) {
                Color.blue.frame(width: width, height: width)
                Color.yellow.frame(height: width)
            }
            HStack(spacing: 0) {
                Color.blue.frame(width: width)
                ZStack(alignment: .bottom) {
                    Color.black.frame(maxWidth: .infinity)
                    VStack {
                        Text("1919")
                        Text("1933")
                    }
                    .font(.system(size: 16, weight: .bold))
                    .foregroundColor(.white)
                    .padding(.bottom, 20)
                }
                Color.red.frame(width: width)
            }
            .frame(height: 200)
            HStack(spacing: 0) {
                Color.gray.frame(height: width).frame(maxWidth: .infinity)
                Color.red.frame(width: width, height: width)
            }
            VStack {
                Text("TASCHEN")
                    .font(.system(size: 18, weight: .bold))
                    .kerning(-0.3)
                Text("Bibliotheca Universalis")
                    .font(.system(size: 12, weight: .semibold, design: .serif))
                    .italic()
            }
            .padding(8)
            Spacer()
        }
        .padding()
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}