Graphic Design Principles Master Class! (Advanced Colour Theory)

Summary of the Subtitles (Advanced Colour Theory, 6 Levels)

The video teaches a progressive “six-level” framework for using color in graphic design—moving from foundational color properties to advanced, perception-based techniques and storytelling.

Level 1 — Core Color Building Blocks (Hue, Saturation, Value)

• Uses three foundational color “sliders”:
  • Hue: the actual color (e.g., red, green, blue)
  • Saturation: intensity vs. mutedness
  • Value: light vs. dark
• Highlights a common beginner issue:
  • Over-focusing on hue while ignoring saturation and value
• Explains how these properties affect composition:
  • Example: deep burgundy vs. bright cherry red can share hue but feel totally different due to saturation/value.
• Palette guidance:
  • Low-saturation hues + midtone values → often feel sophisticated/calm
  • Highly saturated + high-contrast colors → create energy/impact
• Key creative technique:
  • Treat color as a balanced system of three dimensions, not a single hue choice.

Level 2 — Color Temperature & Emotional Tone

• Introduces warm vs. cool emotional tendencies:
  • Warm (orange/yellow) → energy, optimism
  • Cool (blue/violet) → calm, distance, reflection
• Emphasizes flexibility:
  • These aren’t strict rules—designers can blend, push, or subvert them.
• Composition concept:
  • Temperature can establish mood before viewers read/process shapes or text.

Level 3 — Contrast & Readability (Value-Driven Clarity)

• Frames design success as partly dependent on legibility and hierarchy.
• Contrast is more than “opposite colors”:
  • Value contrast (relative light/dark) is crucial.
• Example concept:
  • Pale yellow on white may be unreadable regardless of hue.
  • Dark navy on soft cream gives clarity while staying refined.
• Workflow/verification technique:
  • Convert designs to grayscale to test whether value contrast and hierarchy hold without color distraction.
• Practical improvement suggestions (implied):
  • Adjust element lightness/darkness
  • Ensure headlines/CTAs/focal points stand out even without color
  • Increase contrast between background/foreground and/or deepen shadows

Tool/Process Mention — Kit Flows (Accelerating Early Exploration)

A workflow tool supports rapid iteration while keeping a coherent context.

• Starting point:
  • Begin with a base design (layout or sketch)
• Iteration method:
  • Use Flows to branch into multiple styles, compositions, and formats
  • Use smart connected steps called smartboards so each step builds on the previous
• Consistency feature:
  • Generate icon/graphic sets from a single element for cohesive styling
• Output flexibility:
  • Scale ideas, preview variations, and refine within the kit editor
• Promotion:
  • Offered with a free trial/free credits incentive (AI credits)

Level 4 — Color Relationships & Palette Roles

• Teaches palette building through relationships rather than isolated formulas.
• Palette relationship types mentioned:
  • Complementary (e.g., blue/orange) → tension/energy
  • Analogous (e.g., green/teal/blue) → unity/calm
  • Notes exploring triadic and split complementary variations
• Core compositional concept:
  • Assign each color a role to prevent competition:
    • Dominant
    • Secondary
    • Accent (used sparingly to highlight important elements like typography/icons)
• Practical palette-building steps (explicit):
  • Choose 1 dominant color (sets tone)
  • Add 1 softer/neutral supporting color
  • Select 1–2 contrasting accents sparingly
  • Apply across layout elements and make small adjustments until each color plays its intended role

Level 5 — Direct Application (Isolated Accents, Brand Consistency, Technical Constraints)

• Focuses on how palettes behave in real design systems.
• Examples:
  • Monochromatic poster where a single isolated bright red stamp draws the eye without extra noise
  • Coffee brand system where a deep forest green repeats across logo, photography tints, and menu edges; beige and muted copper unify warmth
• Includes technical color management:
  • RGB vs. CMYK shifts for print—designers must adjust to maintain tone.

Level 6 — Color as Storytelling + Emotional Calibration

• Color becomes a narrative tool, not just decoration.
• Examples:
  • Muted earthy tones → authenticity/handcrafted care
  • Strategic use of black/white/gray → expressive minimalism
  • Artisan chocolate: cacao brown + burgundy + hints of gold → indulgence/craftsmanship
• Practical “choose-and-test” steps (explicit):
  • Pick one word capturing the feeling (e.g., nostalgia, energy, elegance)
  • Build a palette of 2–3 colors that visually match it:
    • 1 dominant
    • 1–2 supporting
    • accent(s) for contrast
  • Apply palette to real design parts (background shapes, type, imagery)
  • If the feeling doesn’t land, adjust:
    • warm/cool balance
    • saturation levels
  • Re-check that the emotional word still matches what the palette communicates.

Bonus Advanced Level — Perception Manipulation (Context, Vibration, Tension)

Advanced “how viewers perceive color” behaviors:

• Color relativity (context effects)
  • The same color can look different depending on surrounding hues.
  • Designers control nearby colors to shift perceived warmth/lightness/saturation.
• Edge vibration
  • When highly saturated complementary colors sit side-by-side, boundaries can shimmer and create visual tension.
  • Tension is used intentionally because it:
    • grabs attention
    • makes the brain try to resolve instability
    • can signal urgency or intensity without changing size/weight
  • Also mirrors thematic conflict (chaos/rebellion/unpredictability).
• Key idea:
  • Move color from decorative roles into active visual behavior.

---

Creators / Contributors Featured

• Mentions the KD Flows / Kit Flows tool (no individual creator name given).
• The speaker/host is referred to only as “guys” / “I’ve been”; no personal name or channel credit appears in the subtitles.