Free course preview

Design That Doesn't Look AI-Made

Build websites and apps that look hand-crafted, not AI-generated.

Video coming soon

The full lesson is written out below, so you can start right now.

Start here

Welcome: why so many sites look the same

Video · 10 min · Free preview

Open ten new startup sites or freelancer portfolios and you will notice something. Purple-to-blue gradient. A centered headline that says nothing, like "Transform the way you work". Three cards with icons in rounded squares. A glowing button. Some floating 3D shapes. You could swap the logos and nobody would notice.

That look happens when a page is generated from a prompt or a template and nobody makes real decisions afterwards. It is not that AI tools are bad. It is that the defaults are the same for everyone, so everything starts to look alike.

Why it matters for you

Clients and hiring managers have seen this look many times. When your landing page or app looks generated, people assume the thinking behind it is generic too. A clean, specific design says the opposite: someone cared about this.

What this course is

  • Week 1: learn to spot the AI tells, then audit your own work.
  • Week 2: foundations: type, spacing, color, contrast and alignment.
  • Week 3: real content and components: copy, screenshots, cards, forms, buttons, mobile layouts and design tokens.
  • Week 4: redesign one of your own projects step by step, with feedback.

What it is not

This is not a course in making things fancy. Most of the fixes are about removing things: fewer colors, fewer effects, fewer vague words. You do not need to be an artist. You need a checklist, a few rules and practice seeing.

We cannot promise clients, a job or income from this. We can help you build one strong before-and-after piece and an eye that stays with you. Next, pick the project you will work on.

Full curriculum

Free lessons open right here. The other 25 open when you enroll.

Modules
5
Lessons
27
Hands-on tasks
7
Assignments
4
Learning time
15.9 h
01Start here4 lessons · 52 min

Why so many sites look the same, how the four weeks work, and the project you will redesign.

02Week 1: Spot the AI look5 lessons · 2.3 h

Learn the visual and copy tells that make a site look generated, then audit your own project.

  • The AI tells, one by oneVideo · 16 min
  • The AI-tells checklistReading · 8 min
  • Audit your homepage against the AI-tells checklistTask · 45 min
  • Why the tells happen, and why clients noticeReading · 7 min
  • Submit your AI-tells auditAssignment · 60 min
03Week 2: Foundations6 lessons · 3.2 h

Type scale, line length, a 4/8 px spacing system, a restrained palette, contrast and alignment.

  • Type does most of the workVideo · 15 min
  • Spacing on a 4/8 px systemReading · 8 min
  • A restrained palette with one accentReading · 8 min
  • Contrast and accessibility basicsReading · 9 min
  • Align your page to a gridTask · 60 min
  • Submit your foundations sheetAssignment · 90 min
04Week 3: Real content and components6 lessons · 3.5 h

Specific UI copy, real screenshots, solid cards, buttons, forms and empty states, mobile-first layouts and design tokens.

  • Write UI copy like a personVideo · 14 min
  • Real screenshots and good referencesReading · 9 min
  • Components that hold up: cards, buttons, forms and empty statesReading · 11 min
  • Design tokens in Tailwind or Figma variablesReading · 9 min
  • Rebuild one section mobile-firstTask · 75 min
  • Submit your rebuilt section and copyAssignment · 90 min
05Week 4: Redesign project6 lessons · 6.1 h

Audit a full page, fix it in the right order, polish the details and present a before-and-after.

  • How to run a redesign without starting overVideo · 13 min
  • Audit the full page and write a fix listTask · 45 min
  • Fix it layer by layerTask · 90 min
  • Polish the details: favicon, share image, loading states and 404Task · 60 min
  • Getting useful feedback on your redesignReading · 7 min
  • Final redesign: before and afterAssignment · 150 min

Modern Design

₱2,999 one-time

Enroll