ISB AI Founders
Day 3 · 11:00

Design with AI

ISB AI FoundersS8
Live survey · hands up, I count

Why do most school posters look... like that?

Too many fonts0
Too many colors0
Trying to fit everything on it0
Nobody wanted to be the one who cuts it0
Nine fonts, twelve colors, zero decisions

Taste is not a gift. It's practice.

Design is not decoration, it's choosing, and choosing less. You already have taste: every time you like one app more than another, you're using it. Today you learn to name what you're seeing, so you can build it instead of just noticing it.
Same idea, two builds

Which one would you actually use?

Half-good
MY TASKS!! 📌
✅ math essay due 2mrw!!
chem lab report???
READ CH 4 (boring)
Good
Today
3 tasks left
Math essay
Chem lab report
Read ch. 4
Three things your eye already judges

Hierarchy. Spacing. Color.

Every "good" vs "half-good" you just felt comes down to one of these three. Watch the same app change, one dial at a time.
Dial 1 · Hierarchy

What should I look at first?

No hierarchy
homework.app
Today
3 tasks left
Math essay
Chem lab report
Clear hierarchy
homework.app
Today
3 tasks left
Math essay
Chem lab report
Dial 2 · Spacing

Give it room to breathe

Crammed
homework.app
Today
3 tasks left
Math essay
Chem lab report
Breathing room
homework.app
Today
3 tasks left
Math essay
Chem lab report
Dial 3 · Color

Loud isn't the same as confident

Loud
homework.app
Today
3 tasks left
Math essay
Chem lab report
Calm
homework.app
Today
3 tasks left
Math essay
Chem lab report
From noticing to building

Good taste, made on purpose.

Turn

You just learned to see it.

Now the method for making it: three choices, made on purpose, one at a time.
Taste evolves · a real company

Instagram's icon went from a tiny fake camera to a flat glyph. On purpose.

📷
2010: photorealistic. Wood grain. A rainbow stripe. Skeuomorphic.
2016: flat, one gesture, instantly readable at any size.
Design is three choices

Choose, then commit

TypeONE font pairing
ColorONE accent + calm neutrals
LayoutONE skeleton per screen
Choice 1 · Type

A font pairing is two fonts. One job each.

Homework, actually done.
One serif for the big feeling. One clean sans for everything you have to read fast. That's a pairing, not a font list.
Choice 2 · Color

One accent. Four calm neighbors.

Accent
Paper
Ink
Mid
Line
The accent is the only color allowed to shout. It shouts once, at the one thing you want tapped.
Choice 2 · Color, continued

Don't commit this crime

Rainbow crime
homework.app
MY TASKS!! 📌
✅ math essay due 2mrw!!
chem lab report???
READ CH 4 (boring)
8 colors, 0 hierarchy, 1 headache.
One accent + neutrals
homework.app
Today
3 tasks left
Math essay
Chem lab report
Read ch. 4
1 accent, 4 calm neutrals. Every screen matches.
Choice 3 · Layout

A skeleton, not a picture. You already drew one on Day 2, on paper.

1 · Header
2 · Nav
3 · Hero + the one action
4 · Card
4 · Card
5 · Footer
Ask the room

Why do the simplest-looking apps take the most work?

▸ click to reveal after they answer
Simple is what's left after you delete the unnecessary. Deleting takes more taste than adding does.
Why this works

Constraints don't slow you down. They're why you stop deciding.

One font pairing, one accent, one skeleton means every future screen is a copy, not a new decision. That's speed.
Where professional taste comes from

Nobody invents taste from nothing. They steal it, on purpose, from here.

awwwards.com
Site of the day
a new winner, every single day
Collections
filter by style, industry, even the tech they used
Scroll it for 5 minutes tonight. Your taste levels up just from looking.
Now build one

Let AI draft three real directions

You don't stare at a blank page and invent a font pairing from nothing. You ask for three, genuinely different, and you judge.
Copy this prompt · run it now

Generate 3 directions

My product: [thesis]. My user: [person]. Generate 3 genuinely different visual directions: font pairing, 5-color palette (1 accent + 4 neutrals), and the feeling each gives. Then, for the direction I pick, write the instruction I should give my coding agent to apply it across the whole app.
Before you start the clock

Three real directions, not three shades of one

If direction 1 and direction 2 could be the same app with a different button color, that's not three directions. That's one direction, twice.
Watch this once, then it's yours

Generating three directions, live

LIVE DEMO · no rehearsal
"Generate three real directions for this thesis and user."
Three directions, live, in under two minutes. Anything can happen.
YOU DO
Open your own product and the same prompt, ready to run.
Watch my three directions land before you run yours.
Have your thesis and user typed out, ready to paste.
Don't pick yet. That's the next slide.
Exercise 1 · do it now
FOLLOW ALONG · laptops open

Pick your direction

5:00 on the clock
1Run the prompt in Claude. Want visual mocks of a direction? Ideogram or Recraft renders it in seconds.
2Two look the same? Regenerate: 'make them MORE different'.
3Pick one like a founder: decide, commit, move.
5:00
Style card → TEAM FOLDER
What to listen for

Identical directions? That's the AI hedging.

A direction that makes the room go "oh, that one" on first read is the correct signal. Trust it.
Ask the room

What actually kills a team's second direction?

▸ click to reveal after they answer
Not a bad direction. Debating too long. Every extra minute arguing is a minute not building.
Pick like a founder

Decide. Commit. Move.

Founders don't out-deliberate the competition. They out-ship them. Two minutes to pick, then it's final.
Make it real

Three lines. That's the whole style card.

Font pairing. Five-color palette. One adjective for the feeling. Small enough to fit in a sticky note, strict enough to hold every screen you build after this.
Example style card

"Calm Focus"

TypeOne serif display + one clean sans
Color
FeelingTrustworthy
From decision to codebase

Now make it real.

Turn

A mood board is worth nothing until it's in the code.

Your style card is a decision. Claude Code is how the decision becomes real, across every screen at once.
Copy this instruction · give it to Claude Code

The exact sentence, word for word

Apply the [Direction Name] direction across the whole app: [font pairing] for type, [accent + neutrals] for color, [layout skeleton] for structure. Don't change any functionality, only the visual layer.
Before you start the clock

This is the move most people skip

You have 5 minutes. Grab the winning direction, verbatim, and hand it to Claude Code. Don't ask it to add features. Just the visual layer, everywhere at once.
Exercise 2 · do it now
FOLLOW ALONG · laptops open

Feed it to Claude Code

5:00 on the clock
1Give Claude Code the winning direction, verbatim from the prompt output.
2"Apply the [Direction Name] direction across the whole app... only the visual layer."
3Screenshot before and after.
5:00
Both screenshots → THE WALL
What changed, what didn't

Every button still works. Nothing feels the same.

That's the test of a real design pass: zero functionality broken, and the room can't stop looking at it.
The ritual

Screenshot before. Screenshot after. Both go up.

Destination: THE WALL. Public, persistent, photographed tonight. The room walks by every team's before/after on the way to lunch.
Confess your sins

Design crimes we've all committed

01
Comic Sans headline
Homework Tracker!
Nobody has trusted a business in Comic Sans since 2003.
02
Drop shadow on everything
Save
Your button is not floating in space. Let it touch the page.
03
8 accent colors, max saturation
This is a birthday party, not an app.
04
200-word centered paragraph
The eye gives up reading centered text around word 40.
05
Gray text on light gray
If your grandma has to squint, so does everyone.
06
Stock handshake photo
On a homework app. Nobody has ever done homework by handshake.
Go deeper · on the portal

Bookmark one of these tonight

Land-book
Thousands of real landing pages, sorted by industry. The fastest way to see what a homework app's landing page could look like.
land-book.com
Recent.design
Formerly Godly: a daily-updated gallery of the internet's best-designed sites and apps, no theme required.
recent.design
Fontpair
500+ real font pairings, free, sourced from Google Fonts. Stuck on Choice 1? Start here instead of guessing.
fontpair.co
Checkpoint

The after should look owned.

A style on a mood board is worthless. A style in the codebase compounds with every feature.
“Launch fast.” Today you proved it.
Next up

Ship it. Then let strangers try to break it.

13:15 your product goes live at a public URL. 14:30 five cold strangers use it while you watch in silence. Every confusion they hit becomes tonight's fix list.