Color TEST

 

IELTS Guardian – Module Color System Comparison

Visual demonstration of 4-color family system for skill-based organization

L1-DAY 1 • LEARN

What Went Wrong Last Time?

Understanding Band 6.0 vs. 7.0+ execution differences

LISTENING MODULE (Deep Teal)

Primary Gradient:
#1A6B6B → #0F4A4A
Psychology: Focus, concentration, depth
Wayfinding: “I’m in listening mode”
Feel: Professional, focused, attentive

Use case: L1, L2, L3, L4 – All listening modules use this exact color to create visual consistency within the skill family.

R1-DAY 1 • LEARN

Reading Comprehension Strategies

Master skimming, scanning, and detailed reading techniques

READING MODULE (Indigo/Deep Blue)

Primary Gradient:
#3F51B5 → #283593
Psychology: Academic, analytical, comprehension
Wayfinding: “I’m in reading mode”
Feel: Scholarly, analytical, intellectual

Use case: R1, R2, R3, R4 – All reading modules use this exact color to differentiate from listening (teal family) and writing (green-teal).

W3-DAY 2 • LEARN

Introduction Mastery: Paraphrase + Overview

Learn to write complete introductions in 5 minutes with strong overviews

WRITING MODULE (Teal-Green) – CURRENT

Primary Gradient:
#2C7A6F → #1B5E55
Psychology: Creative, productive, growth
Wayfinding: “I’m in writing mode”
Feel: Active, creative, constructive

Use case: W1, W2, W3, W4 – Already established. This is your current Writing module color (matches brand teal but slightly greener).

S1-DAY 1 • LEARN

Speaking Fluency & Confidence

Overcome anxiety and speak naturally under pressure

SPEAKING MODULE (Coral/Warm Orange)

Primary Gradient:
#E67E51 → #D35F3F
Psychology: Warm, approachable, human
Wayfinding: “I’m in speaking mode”
Feel: Conversational, friendly, confident

Use case: S1, S2, S3, S4 – Warm color creates distinct separation from cool blues/teals. Matches teacher’s orange tie for visual connection.

Side-by-Side Color Comparison

Here are the 4 module colors shown together. Notice how each is clearly distinct while maintaining professional cohesion:

LISTENING
Deep Teal
READING
Indigo
WRITING
Teal-Green
SPEAKING
Coral

Key Observations:

  • Visual Distinction: Each color is immediately recognizable and distinct from others
  • Professional Cohesion: All colors work together as a family (no clashing)
  • Psychological Appropriateness: Cool colors (teal/indigo) for receptive skills (Listening/Reading), warm colors (teal-green/coral) for productive skills (Writing/Speaking)
  • Brand Consistency: All colors relate back to brand teal while maintaining individuality
  • Teacher Character Compatibility: Teal suit works with all backgrounds, orange tie connects to Speaking module

Student Experience:

Scenario: Student opens IELTS Guardian platform

“Oh, the header is deep teal – I’m in Listening Module 2. Last week I was working on that greener teal – that was Writing Module 3. I can instantly tell the difference without reading the navigation!”

Implementation Note:

✅ LISTENING modules: Already updated to Deep Teal (#1A6B6B)
✅ WRITING modules: Keep current Teal-Green (#2C7A6F) – no changes needed
📋 READING modules: Implement Indigo (#3F51B5) when building R1
📋 SPEAKING modules: Implement Coral (#E67E51) when building S1

</ht