swiss_design_lineage_vibecoding

Swiss Design Lineage Vibe Coding

Build Professional Design in One Week Using AI

Build a design gallery website using pure AI collaboration. You guide, AI codes.

⏱️ Time: ~10 hours

💻 Code you write: Zero

🎨 What you learn: Design taste + AI collaboration

---

→ START HERE: docs/START-HERE.md ←

New to this project? Click above. Everything you need is there.

---

What This Project Is

Transform a Swiss-style website into any of 15 design styles:

• Neo-Brutalism, Flat Design, Material Design
• Nordic Minimalism, Humanist Modernism
• Swiss Punk, Corporate Modernism
• And 8 more authentic design systems

You direct. AI codes. You review and iterate until excellent.

---

Quick Links

Getting Started:

• START HERE — Single entry point with decision tree
• Daily Checklist — Day-by-day tasks
• Browse Style Guides — 15 comprehensive guides (300+ pages)

While Working:

• Workflow Guide — 5 phases explained
• AI Playbook — Work effectively with AI
• Troubleshooting — Common issues & fixes
• Quality Review — Check before submitting

Finishing Up:

• Grading Rubric — How you’ll be evaluated (100 pts)
• Collaboration Story Template — AI reflection guide

---

Key Features

✅ Zero code required — Pure AI collaboration
✅ ~10 hours total — Realistic with AI assistance
✅ 15 style options — Beginner to advanced
✅ 300+ pages of guides — Comprehensive design documentation
✅ Professional results — Portfolio-worthy websites
✅ Strategic learning — Design judgment + AI collaboration skills

---

Project Structure

/docs/               Core learning documents
/templates/          Reusable checklists
/style-guides/       15 comprehensive design guides
  /beginner/         2 accessible styles
  /intermediate/     6 medium complexity styles
  /advanced/         7 complex design systems
/references/         Assignment information

---

For Instructors

Repository: github.com/kaw393939/swiss_design_lineage_vibecoding

Contact: Keith Williams
Course: IS 218 - Building Web Applications
Version: 3.0 — November 2025

---

Quick Start (3 Steps)

1. Read: docs/START-HERE.md
2. Pick: Choose your style (beginner/intermediate/advanced)
3. Build: Follow daily checklist

Then stop reading and start building. 🎨✨

---

---

My Build Summary

🎨 Style Chosen: Windows Metro
⏱️ Time Spent: 3 days
🧠 Key Decisions: Focused on a retro aesthetic and explored the designers who inspired Swiss principles
🌐 Live URL: https://joshua31324324.github.io/swiss_design_lineage_vibecoding/

---

Ready? → docs/START-HERE.md