Web Design in Practice: Layout, Type and Responsive Sites You Build Yourself
Signature Course No. 334 — A Signature AI Socratic Coaching Course.
No experience needed — your coach starts where you are.
A New Kind of Learning
Socratic coaching, delivered by an agentic AI coach.
Not a course you watch. An AI coach you work with.
The Lighthouse Coach begins by discovering how you think about the subject, teaches what is missing, and gives you realistic practice before asking you to prove that you can use it. You may test out of concepts you already understand, while capstones turn the learning into a practical plan, decision, conversation, or other real-world result.
The curriculum is deliberately authored; the AI delivers it through coaching. It is not an AI randomly generating lessons.
A coach that teaches by asking — not by lecturing
The Lighthouse Coach is an AI Socratic coach built on Cognosco Learning's Web Design in Practice: Layout, Type and Responsive Sites You Build Yourself course, in the Personal Effectiveness & Well-Being category. It does not play videos at you. It holds a conversation: it asks you a question, listens to your answer, names the misconception it hears, affirms what you got right, and asks the next question — the way a great coach works in the room.
A web page is a set of decisions made visible. Where the heading sits, how large it is, what stands next to it, what color carries the button, how much empty space surrounds the price — every one of those is a choice someone made, deliberately or by default, and every visitor reads those choices in the first seconds, before they read a single sentence. This course teaches you to make those choices deliberately: to see a page as composition rather than content poured into a template.
It starts with the squint test. Open any web page and squint at it until the words blur and only shapes, weights, and blocks of tone remain. What survives the squint is the design. You will learn to inventory a page's decisions, rank its blocks by its one job, and then work the instruments in the order a page is actually composed: hierarchy, grid, spacing and alignment, type as a system, color with proved contrast, and imagery with one consistent eye.
It works in two movements. First, Module 1 — Seeing the Page: Foundations of Visual Design — work through Concepts 1–9, finishing with The One-Page Redesign; then, Module 2 — Building Responsive Sites That Hold Together — work through Concepts 10–18, finishing with The Responsive Site, Whole.
Both capstones produce real artifacts — a complete annotated design for Emberline Pottery's home page: its ranking, its grid placement with the arithmetic shown, its type and color specifications proved pair by pair, and its imagery plan, closed by the design's confession; and the responsive site package for the whole small site: the responsive specification, the working parts, the design system as shipped, the critique record, and the launch check with its stewardship routine.
The honesty standard is part of the course. Composition is about what the page shows and in what order the eye receives it. Whether visitors can complete a task, what they expect a control to do, and how a flow behaves are the territory of user-experience design, and this course points there when a question belongs there. Your territory is the visible arrangement and its craft — and every figure in the course, from grid widths to contrast ratios, is computed in the text so you can check it yourself.
The course is self-paced and always on — roughly 30 minutes per concept, about 9 hours in full, taken in as many sittings as you like. You can type your answers, or talk out loud: the Voice Coach speaks its questions and listens to your spoken replies. Learners who already know the material can test out concept by concept.
Web Design in Practice: Layout, Type and Responsive Sites You Build Yourself is part of The Lighthouse Signature Series — the online counterpart to the one-day, in-person learning Cognosco Learning has delivered since 2002.
Course Facts
One full concept, coached end to end — free: verify your email and we’ll send you a link to start.
Already enrolled? Enter the course →
Diagnose → Learn & Practice → Prove → Capstone
Every learner moves through the same discipline a Cognosco instructor would insist on in the room.
Diagnose
The Coach starts where the course starts: with the squint test. Think of a page you maintain or visit often and say what its single dominant shape is — and whether it is the thing the page most needs a visitor to see; name one element whose size or position understates its importance, and one whose placement overstates it; state that page's one job in a single sentence, and list everything on it that serves a different job. Every concept opens with three questions that locate where you actually stand, and your answers shape how deeply the Coach works the concept with you. Everyone begins with Module 1 — no skipping the foundations you only think you have.
Learn & Practice
Work each concept in conversation with the Coach — spoken or written — then practice it against realistic situations until it holds up.
Prove
Every concept ends in proof: answer the check cold and demonstrate the skill. Know it already? Test out and take credit immediately.
Capstone
Finish with two capstones — The One-Page Redesign for Module 1 and The Responsive Site, Whole for Module 2 — that pull the whole course together, and earn the certificate.
What You'll Learn
See it, rank it, build it as a system — in that order, every time. Every skill in this course is the same discipline at a different scale: inventory the decisions a page is already making, rank them by the page's one job, and then execute the ranking with instruments you can check — a grid whose arithmetic closes, a type scale, a spacing scale, and contrast ratios computed, not guessed.
Module 1 builds the eye and the instruments. Design Is Composition; Visual Hierarchy; Layout Systems; Spacing and Alignment; Typography I and Typography II; Color I and Color II; and Imagery, Icon, and Surface — the foundation disciplines, composed whole in the One-Page Redesign of Emberline Pottery's home page.
Module 2 carries the composition across screens and ships it. Responsive Thinking; Breakpoints and Fluid Layout; Navigation and Page Patterns; Forms and Calls to Action; Motion and Feedback; Design Systems for One Site; Critique and Iteration; Performance as Design; and Ship and Steward — one prioritized composition, held together from a narrow phone to a wide monitor.
And it holds its boundary throughout. The hand-code craft itself — markup, styles, and scripts — is taught in its own neighboring course, and user-experience design in another. This course is the design layer: the visible arrangement of the page and its craft, taught on real pages you compose, critique, and ship yourself.
What you will learn
- Compose pages deliberately — hierarchy, grid, spacing, and alignment as one system
- Choose and set type as a system — typefaces, a modular scale, measure, and leading that make text genuinely readable
- Build color palettes that carry meaning and meet measurable contrast standards
- Select and treat imagery, icons, and surface details with one consistent eye
- Design responsively — fluid layout and breakpoints that keep composition intact on any viewport
- Design the working parts of a site — navigation, page patterns, forms, calls to action, motion, and state
- Systematize, critique, and ship — design tokens and components, ordered critique, performance as design, and launch stewardship
Everything in the course
- All 18 concepts of Web Design in Practice: Layout, Type and Responsive Sites You Build Yourself, in 2 modules
- A starting-point check first — the Coach finds where you actually stand before teaching
- Learn, Practice, Prove for every concept — no passive video watching
- A test-out on every concept: prove you know it and move on
- The Voice Coach: talk with the Coach out loud — it speaks, listens, and replies
- A personal Learner Record of your work across the course
- Two capstone exercises: The One-Page Redesign and The Responsive Site, Whole
- A printable session summary whenever you pause
- The Lighthouse Coach completion certificate (Signature Series)
- Your progress is saved as you go — stop anytime, resume where you left off
Built for people who make the design decisions
Builders who can code a page and want it to look designed — you have the hand-code skills of No. 329 or their equivalent, and your pages work but read as assembled rather than composed; and site owners and small teams who maintain their own organization's website and make layout, type, and color decisions weekly without a designer on staff.
Front-end developers — who implement other people's designs and want to understand the decisions well enough to protect them in code — and to make sound ones where no design was supplied.
Designers moving to the web — trained in print or brand work, who need the specifically web disciplines: responsive composition, type at many sizes, and design that survives a phone. This course assumes you can build a basic page by hand — markup, styles, and simple scripts at the level of No. 329 — or are learning that alongside. It assumes no design-school background and no drawing talent.
Prefer to learn live and in person? The same material anchors Cognosco's one-day programs — browse the in-person catalog.
Start with Design Is Composition
$195 — introductory price. One payment. No subscription, no password to manage.
Here is exactly what happens when you enroll:
- Pay securely with Stripe — you are taken straight into the course
- Create your learner profile and begin the Module 1 starting-point check
- Save the access key you are given — it restores your enrollment on any device
- Learn at your pace; your progress is stored in your browser on your device
For the full voice experience, use Chrome and allow the microphone when asked. Typing your answers works everywhere, all the time. Questions before you enroll? Email hello@cognoscolearning.com.
Before you enroll
What is a Socratic coaching session?
A conversation, not a video. Your coach asks a question; you answer — out loud by voice, or by typing — and the coach responds to what you said: naming the misconception it hears, affirming what you got right, and asking the next question. You advance only when you have mastered each concept, so a finished course means the learning held.
How long does it take — and how long do I have?
About 30 minutes per concept. Learn in sittings of any length; your progress is saved as you go. You have a full year from purchase to finish, and you can revisit and retake within that year.
What does the certificate verify?
That you completed every concept and both capstones of this course. Anyone can confirm a Cognosco certificate online — enter its certificate ID on our verification page.
What if it isn't for me — what are the refunds?
If you have not started, cancel for a full refund within seven days of purchase. Once you have started, there is no cash refund — stop before finishing and we credit the full amount you paid toward any other course in the library (credit valid one year from your original purchase). Once you complete the course, no refund or credit applies.
More Signature Courses are coming
Web Design in Practice: Layout, Type and Responsive Sites You Build Yourself is Signature Course No. 334. Leave your email and we'll send you news of future Signature Courses and Lighthouse updates as they are announced — nothing else.