Learn Design
Universal principles that apply to every style. Switch styles to see how each one interprets these concepts differently.
What will you learn here?
These pages teach the fundamental principles of graphic and visual design — color theory, typography, composition, contrast, hierarchy, and more. They are based on the pedagogical structure of foundational design textbooks (Albers, Itten, Arnheim, Samara) but presented through interactive demonstration rather than static illustration.
How is the learning experience different here?
On most educational sites, you read about contrast and look at an example image. Here, you experience contrast — switch between styles and watch how Art Deco creates hierarchy through gold-on-black drama while Nordic Minimal achieves it through whitespace and weight alone. The entire page is the example.
What order should you follow?
Start with Fundamentals (color, typography, line, space) — these are the building blocks. Move to Relationships (contrast, hierarchy) — how elements interact. Then Experience (rhythm, light, texture, motion) — how design feels over time. Advanced topics (composition, unity, style) synthesize everything into complete design thinking. Finally, Applied (accessibility, responsive design) covers the practical requirements of designing for real digital environments.
Line & Shape
Point, line, plane. The building blocks of all visual form.
FundamentalsColor Theory
The wheel, harmony, temperature, value. How color creates meaning.
FundamentalsTypography
Anatomy, pairing, hierarchy, readability. Letters as architecture.
FundamentalsSpace & Layout
Grid, margins, whitespace, composition. The invisible structure.
RelationshipsContrast
Opposition, tension, drama. How difference creates meaning.
RelationshipsHierarchy
Guiding the eye. Size, weight, position, color as rank.
ExperienceRhythm & Repetition
Pattern, tempo, sequence. The music of visual design.
ExperienceLight & Shadow
Depth, atmosphere, focus. Illumination as design tool.
ExperienceTexture & Material
Surface, tactility, physicality. What design feels like.
ExperienceMotion & Animation
Movement communicates. Duration, easing, and personality through time.
AdvancedComposition
Rule of thirds, golden ratio, balance. Arranging the whole.
AdvancedUnity & Coherence
How parts become a whole. Visual voice and consistency.
AdvancedStyle & Mood
When everything combines into feeling. Recognizing and creating style.
AppliedAccessibility
Design for everyone. WCAG, contrast, color blindness, and inclusive practice.
AppliedResponsive Design
One design, every screen. How layout adapts from phone to desktop.