Website layout principles — a structured seminar series
Four live online sessions that work through the mechanics of layout design — grid systems, visual hierarchy, spacing logic, and responsive behaviour. Each session builds directly on the previous one, so participants finish with a coherent mental model rather than a collection of isolated tips.
Programme structure
Four sessions, one coherent sequence
Each session addresses a distinct layer of layout thinking, from the underlying grid to the final responsive adjustments that make a design hold together across devices.
Grid systems and spatial logic
How column grids govern where elements sit and why consistent spacing reduces cognitive load for the reader. Participants build a simple grid from scratch.
- Fixed vs fluid columns
- Gutter ratios in practice
- Baseline alignment
Visual hierarchy and reading paths
Size, weight, contrast, and position each carry a different kind of emphasis. This session maps how those signals interact and where they conflict.
- Type scale construction
- Contrast ratios and legibility
- F-pattern and Z-pattern reading
Component placement and whitespace
Whitespace is not empty — it carries structural meaning. This session examines how proximity and separation communicate relationships between elements.
- Gestalt grouping principles
- Margin vs padding decisions
- Card and container logic
Responsive layout in real conditions
Breakpoints are decisions, not defaults. The final session covers how to define breakpoints based on content behaviour rather than device categories.
- Content-first breakpoints
- Flexbox vs grid trade-offs
- Layout review and critique
Discussion and peer review
Each session reserves 40 minutes for structured discussion. Participants bring layout problems from their own projects and review them as a group.
- Facilitated critique rounds
- Live Q&A with the lead instructor
- Shared reference library
Access to session recordings
All four recorded sessions remain accessible for 60 days after the final meeting, so participants can revisit specific explanations at their own pace.
- Full session recordings
- Annotated layout examples
- Reference checklist PDF
Practical details
How the programme is organised
Sessions run on weekday evenings to suit participants who are studying alongside other commitments. The group is kept small — no more than 14 registered per cohort — so that discussion time is genuinely useful rather than a formality.
The seminar is delivered by Prizekindle instructors who work on live client projects. Examples used in sessions are drawn from recent work, not from textbook scenarios. Questions about specific layout challenges are welcome throughout.
Format
Live online, 4 sessions
Duration per session
Approx. 2.5 hours
Group size
Maximum 14 participants
Language
English
Recording access
60 days post-completion
Prerequisites
Basic HTML familiarity
Before you register
Common questions
What prior experience do participants need before joining?
No prior design experience is required. A basic familiarity with HTML helps, but the seminar covers layout principles from first concepts through to applied practice.
How is the seminar delivered and how long does it run?
Sessions are delivered live online across four weekly meetings, each lasting approximately 2.5 hours. Recordings are available to registered participants for 60 days after each session.
What tools or software will participants need?
A modern browser and a plain-text code editor are sufficient. The seminar does not require paid software or subscriptions of any kind.
Is there any group discussion or peer interaction?
Yes. Each session includes a structured discussion period where participants review layout examples together and raise questions from their own projects.