Visual Craft

Colors

02The curriculum

Modules and topics

18 modules, 187 topics.

المحتوى الأساسي13 modules

المحتوى الأساسي في المساحة، وبيشرح أساسيات المهارة دي.

01 — Start Here

Understanding Color As A System

10 موضوع

Why Color Is More Than Aesthetic
The Real Job Of Color In Design
Color As Communication
Why Most Designers Use Color Emotionally Only
Functional vs Emotional Color
Why Good Color Systems Feel Invisible
Color In Products vs Branding
The Difference Between Decoration & Meaning
Why Bad Color Decisions Destroy UX
Seeing Color Beyond Taste

02 — How Humans Perceive Color

The Psychology & Science Behind Color

11 موضوع

Human Color Perception
Contrast Perception
Light vs Dark Perception
Saturation Psychology
Warm vs Cool Colors
Visual Attention
Emotional Associations
Why Some Colors Feel "Louder"
Perceived Brightness
Simultaneous Contrast
Why Colors Change Based On Context

03 — Color Theory Fundamentals

The Core Principles Behind Color Relationships

11 موضوع

Hue
Saturation
Brightness
Value
Color Wheel
Complementary Colors
Analogous Colors
Triadic Systems
Monochromatic Systems
Harmony vs Tension
Why Some Palettes Feel Balanced

04 — Building Color Palettes

Creating Systems, Not Random Swatches

11 موضوع

Primary Colors
Secondary Colors
Accent Colors
Neutral Systems
Supporting Colors
Semantic Colors
Palette Hierarchy
Color Scaling
Tonal Systems
Creating Balanced Palettes
Why Some Palettes Break Quickly

05 — Color In UI Design

Using Color To Guide Interfaces

11 موضوع

Color & Hierarchy
Interactive States
Buttons & Actions
Status Colors
Feedback Systems
Focus States
Disabled States
Navigation Cues
Reducing Cognitive Load
Functional Color Usage
Designing With Meaning

06 — Accessibility & Contrast

Designing Color Systems Humans Can Actually Use

11 موضوع

Contrast Ratios
WCAG Basics
Accessibility Standards
Text Readability
Color Blindness
Light Mode Accessibility
Dark Mode Accessibility
Contrast Testing
Functional Accessibility
Why Beautiful Colors Sometimes Fail
Accessibility Without Killing Aesthetics

07 — Dark Mode & Light Mode Systems

Building Palettes That Survive Both Worlds

11 موضوع

Why Dark Mode Is Hard
Surface Hierarchy
Tonal Elevation
Contrast Management
Avoiding Harsh Whites
Avoiding Dead Blacks
Semantic Consistency
Adaptive Color Systems
Light/Dark Token Thinking
Cross-Mode Harmony
Why Simple Inversion Fails

08 — Semantic Color Systems

Colors With Meaning & Logic

11 موضوع

Success Colors
Warning Colors
Error Colors
Informational States
Brand Semantic Layers
Functional Hierarchy
Token Naming
State Systems
Consistency At Scale
Design System Color Thinking
Why Semantic Systems Matter

09 — Color In Branding

Building Emotional & Strategic Perception

10 موضوع

Brand Personality Through Color
Premium vs Playful Color Systems
Emotional Direction
Cultural Associations
MENA Market Color Perception
Luxury Color Systems
Tech Brand Colors
Startup Aesthetics
Color Consistency Across Media
Why Brands Become Recognizable

10 — Color Systems In Design Systems

Scalable Color Infrastructure

11 موضوع

Tokens
Variables
Naming Systems
Color Documentation
Scalable Systems
Palette Flexibility
Reusability
Product Consistency
Figma Variables
Multi-Theme Systems
Future-Proofing Color Decisions

16 — Palette Breakdowns

Learning Through Real Systems

11 موضوع

Apple
Stripe
Notion
Linear
Spotify
Airbnb
Framer
Luxury Brands
SaaS Dashboards
Editorial Brands
Dark Mode Products

17 — Color Challenges

Practical Color Decision Exercises

8 موضوع

Build A Premium Palette
Create A Dark Mode System
Fix A Weak Contrast Interface
Create Semantic Tokens
Build A Palette Using Only Neutrals
Improve Readability Without Changing Typography
Rebuild A Brand With Better Emotional Direction
Create A Multi-Theme Color System

18 — Color Debates

There Is No Single Correct Palette

10 موضوع

Is Minimal Color Better?
Are Bright Interfaces Bad UX?
Does Dark Mode Improve Experience?
Is Accessibility Limiting Creativity?
Should Branding Prioritize Emotion Or Function?
Are Neutral Brands Becoming Repetitive?
Is Trend-Based Color Dangerous?
Can AI Build Good Color Systems?
Is Color Theory Overrated?
Should Products Feel Emotional?

محتوى السياق5 modules

المكان اللي المهارة دي بتقابل فيه باقي المساحات.

11 — Color Psychology

Why Color Feels Emotional

10 موضوع

Emotional Perception
Trust Colors
Urgency Colors
Calm vs Energy
Premium vs Cheap Feeling
Color & Confidence
Emotional Weight
Spatial Feeling
Cultural Interpretation
Why Emotional Design Matters

12 — Color & Typography Relationships

Readability, Hierarchy & Visual Rhythm

10 موضوع

Text Contrast
Typography Weight vs Color Weight
Readability Systems
Color Density
Background Relationships
Visual Rhythm
Emphasis Systems
Muted vs Strong Contrast
Editorial Color Systems
Why Typography Changes Color Perception

13 — AI & Color Generation

Using AI Without Losing Intentionality

10 موضوع

AI Palette Generators
AI Moodboards
AI Color Suggestions
Prompting For Color Direction
Reviewing AI Output
Why AI Struggles With Systems
Human Taste In Color Decisions
AI-Assisted Brand Exploration
The Future Of Automated Color Systems
Intentionality After Automation

14 — Common Color Mistakes

Why Many Designs Feel Amateur

10 موضوع

Oversaturated Interfaces
Weak Contrast
Too Many Colors
Random Accent Usage
Inconsistent Semantic Colors
Bad Dark Modes
Accessibility Problems
Trend-Driven Color Decisions
Visual Noise
Why Some Designs Feel Cheap

15 — Developing Color Sensitivity

Training Your Eye Beyond Theory

10 موضوع

Color Observation
Palette Deconstruction
Reference Analysis
Building Visual Memory
Spotting Weak Systems
Understanding Why Palettes Work
Emotional Reading Exercises
Color Comparisons
Taste Development
Long-Term Sensitivity Building

افتح المساحة دي

المساحة دي جزء من الاشتراك. خطة واحدة بتفتحها وبتفتح كل اللي متاح غيرها.

شوف اللي متضمن كل المساحات