Advanced

Tutor model

i62 💰:9.4

i52 💰:7.9

🏆 i67 💰:62.5

i70 💰:125.0

i68 💰:125.0

🏆 i66 💰:75.0

i65 💰:125.0

i63 💰:62.5

i61 💰:75.0

i60 💰:9.4

i60 💰:37.5

i58 💰:62.5

i57 💰:22.5

i57 💰:37.5

i56 💰:45.0

⚡ i55 💰:11.25

i55 💰:37.5

i54 💰:62.5

i52 💰:35.0

i51 💰:37.5

i49 💰:15.0

i49 💰:62.5

i48 💰:11.3

i47 💰:7.5

i44 💰:25.0

i43 💰:37.5

i42 💰:187.5

i40 💰:5.0

i39 💰:100.0

i38 💰:37.5

i37 💰:11.0

i36 💰:187.5

i34 💰:12.5

i33 💰:37.5

i30 💰:1.0

i29 💰:1.5

i28 💰:150.0

i23 💰:20.0

i20 💰:4.0

i18 💰:1.0

i16 💰:25.0

i13 💰:1.5

Keep session private

What would you like to learn?

Override for the tutor's lesson content generation calls. Auto uses the system default (Claude Sonnet 5 for lesson text, Opus 5 for diagrams).

Lesson generation model

System default

i58 💰:18.8

i31 💰:11.0

i25 💰:31.3

Tutoring abilities

Imagine flipping a light switch in your bedroom. When you flip it up, the room is bright, but when you flip it down, the room is dark.

Language has switches just like this. An **antonym** is a word that means the exact opposite of another word.

The Greek word part *anti-* means against or opposite, while *onym* means name or word.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="aspect-ratio" content="4:3">
  <style>
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    }
    body {
      background: #f8f9fa;
      color: #1e2945;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      min-height: 100%;
      padding: 16px;
      user-select: none;
    }
    .main-stage {
      width: 100%;
      max-width: 520px;
      display: flex;
      flex-direction: column;
      gap: 16px;
    }
    .nav-tabs {
      display: flex;
      justify-content: center;
      gap: 8px;
      flex-wrap: wrap;
    }
    .tab-btn {
      background: #ffffff;
      border: 1px solid #e2e8f0;
      padding: 6px 14px;
      border-radius: 20px;
      font-size: 14px;
      font-weight: 600;
      color: #64748b;
      cursor: pointer;
      box-shadow: 0 1px 2px rgba(0,0,0,0.04);
      transition: all 0.2s ease;
    }
    .tab-btn.active {
      background: #22b7ff;
      color: #ffffff;
      border-color: #22b7ff;
      box-shadow: 0 4px 10px rgba(34, 183, 255, 0.3);
    }
    .spectrum-card {
      background: #ffffff;
      border: 1px solid #e2e8f0;
      border-radius: 16px;
      padding: 24px 20px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.03);
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 20px;
      position: relative;
    }
    .poles-row {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
    }
    .pole {
      flex: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 8px;
      padding: 12px;
      border-radius: 12px;
      transition: all 0.3s ease;
      cursor: pointer;
    }
    .pole:active {
      transform: scale(0.98);
    }
    .pole-icon {
      font-size: 44px;
      line-height: 1;
      filter: drop-shadow(0 2px 4px rgba(0,0,0,0.06));
    }
    .pole-word {
      font-size: 18px;
      font-weight: 700;
      letter-spacing: -0.01em;
    }
    .pole-left {
      color: #0284c7;
    }
    .pole-right {
      color: #ea580c;
    }
    .track-container {
      width: 100%;
      position: relative;
      padding: 10px 0;
      display: flex;
      align-items: center;
    }
    .track-line {
      width: 100%;
      height: 6px;
      border-radius: 3px;
      background: linear-gradient(90deg, #38bdf8, #cbd5e1, #fb923c);
    }
    .arrow-left, .arrow-right {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      font-size: 16px;
      font-weight: 900;
      color: #94a3b8;
    }
    .arrow-left { left: -4px; }
    .arrow-right { right: -4px; }
    .opposite-badge {
      display: flex;
      align-items: center;
      gap: 6px;
      background: #f1f5f9;
      padding: 6px 16px;
      border-radius: 20px;
      font-size: 14px;
      font-weight: 700;
      color: #475569;
    }
  </style>
</head>
<body>

  <div class="main-stage">
    <div class="nav-tabs" id="tabs">
      <button class="tab-btn active" data-index="0">🔥 Hot / Cold ❄️</button>
      <button class="tab-btn" data-index="1">☀️ Day / Night 🌙</button>
      <button class="tab-btn" data-index="2">⬆️ Up / Down ⬇️</button>
      <button class="tab-btn" data-index="3">🐆 Fast / Slow 🐢</button>
    </div>

    <div class="spectrum-card">
      <div class="poles-row">
        <div class="pole pole-left" id="leftPole">
          <div class="pole-icon" id="leftIcon">❄️</div>
          <div class="pole-word" id="leftWord">Cold</div>
        </div>

        <div class="opposite-badge">
          <span>⟵ Opposites ⟶</span>
        </div>

        <div class="pole pole-right" id="rightPole">
          <div class="pole-icon" id="rightIcon">🔥</div>
          <div class="pole-word" id="rightWord">Hot</div>
        </div>
      </div>

      <div class="track-container">
        <div class="arrow-left">◀</div>
        <div class="track-line" id="trackLine"></div>
        <div class="arrow-right">▶</div>
      </div>
    </div>
  </div>

  <script>
    const pairs = [
      { leftWord: 'Cold', leftIcon: '❄️', leftColor: '#0284c7', rightWord: 'Hot', rightIcon: '🔥', rightColor: '#ea580c', grad: 'linear-gradient(90deg, #38bdf8, #cbd5e1, #fb923c)' },
      { leftWord: 'Day', leftIcon: '☀️', leftColor: '#d97706', rightWord: 'Night', rightIcon: '🌙', rightColor: '#4f46e5', grad: 'linear-gradient(90deg, #f59e0b, #cbd5e1, #6366f1)' },
      { leftWord: 'Up', leftIcon: '⬆️', leftColor: '#16a34a', rightWord: 'Down', rightIcon: '⬇️', rightColor: '#9333ea', grad: 'linear-gradient(90deg, #22c55e, #cbd5e1, #a855f7)' },
      { leftWord: 'Fast', leftIcon: '🐆', leftColor: '#e11d48', rightWord: 'Slow', rightIcon: '🐢', rightColor: '#0d9488', grad: 'linear-gradient(90deg, #f43f5e, #cbd5e1, #14b8a6)' }
    ];

    const leftIcon = document.getElementById('leftIcon');
    const leftWord = document.getElementById('leftWord');
    const leftPole = document.getElementById('leftPole');
    const rightIcon = document.getElementById('rightIcon');
    const rightWord = document.getElementById('rightWord');
    const rightPole = document.getElementById('rightPole');
    const trackLine = document.getElementById('trackLine');
    const tabs = document.querySelectorAll('.tab-btn');

    let currentIdx = 0;
    let autoTimer = null;

    function render(idx) {
      currentIdx = idx;
      const data = pairs[idx];
      leftIcon.textContent = data.leftIcon;
      leftWord.textContent = data.leftWord;
      leftPole.style.color = data.leftColor;

      rightIcon.textContent = data.rightIcon;
      rightWord.textContent = data.rightWord;
      rightPole.style.color = data.rightColor;

      trackLine.style.background = data.grad;

      tabs.forEach((tab, i) => {
        tab.classList.toggle('active', i === idx);
      });
    }

    tabs.forEach((tab) => {
      tab.addEventListener('click', () => {
        clearInterval(autoTimer);
        render(parseInt(tab.dataset.index, 10));
        startAuto();
      });
    });

    function startAuto() {
      autoTimer = setInterval(() => {
        const next = (currentIdx + 1) % pairs.length;
        render(next);
      }, 3500);
    }

    render(0);
    startAuto();
  </script>
</body>
</html>

How do you know if two words are true opposites, or just two things that are different?

True antonyms belong to the exact same category, like temperature, speed, or size, but sit at opposite ends of that scale.

For example, **giant** and **tiny** both describe size, but one is as big as possible while the other is as small as possible.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="aspect-ratio" content="4:3">
<style>
  * { box-sizing: border-box; margin: 0; padding: 0; }
  body {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    color: #1e2945;
    background: transparent;
    padding: 16px 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100%;
    user-select: none;
    -webkit-user-select: none;
  }

  .tabs {
    display: flex;
    gap: 8px;
    margin-bottom: 20px;
    flex-wrap: wrap;
    justify-content: center;
  }

  .tab-btn {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    color: #64748b;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.25s ease;
  }

  .tab-btn.active {
    background: #22b7ff;
    border-color: #22b7ff;
    color: #ffffff;
    box-shadow: 0 2px 8px rgba(34, 183, 255, 0.35);
  }

  .stage {
    width: 100%;
    max-width: 480px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
  }

  .poles-row {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }

  .pole-card {
    flex: 1;
    background: #ffffff;
    border: 2px solid #e2e8f0;
    border-radius: 16px;
    padding: 16px 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
    transition: transform 0.3s ease, border-color 0.3s ease;
  }

  .pole-card.left {
    border-color: #38bdf8;
  }

  .pole-card.right {
    border-color: #f472b6;
  }

  .emoji {
    font-size: 44px;
    line-height: 1;
    transition: transform 0.3s ease;
  }

  .word {
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -0.02em;
  }

  .pole-card.left .word { color: #0284c7; }
  .pole-card.right .word { color: #db2777; }

  .spectrum-wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }

  .spectrum-bar {
    width: 100%;
    height: 14px;
    border-radius: 7px;
    background: linear-gradient(90deg, #38bdf8 0%, #cbd5e1 50%, #f472b6 100%);
    position: relative;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
  }

  .arrow-indicator {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    font-weight: 700;
    color: #64748b;
    padding: 0 4px;
  }

  .arrow-left { color: #0284c7; }
  .arrow-right { color: #db2777; }

  .badge {
    background: #f1f5f9;
    color: #475569;
    font-size: 13px;
    font-weight: 700;
    padding: 4px 12px;
    border-radius: 12px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }
</style>
</head>
<body>

  <div class="tabs">
    <button class="tab-btn active" data-index="0">Size</button>
    <button class="tab-btn" data-index="1">Heat</button>
    <button class="tab-btn" data-index="2">Speed</button>
    <button class="tab-btn" data-index="3">Light</button>
  </div>

  <div class="stage">
    <div class="poles-row">
      <div class="pole-card left" id="leftCard">
        <span class="emoji" id="leftEmoji">🐘</span>
        <span class="word" id="leftWord">Giant</span>
      </div>

      <div class="badge" id="badgeLabel">Scale</div>

      <div class="pole-card right" id="rightCard">
        <span class="emoji" id="rightEmoji">🐜</span>
        <span class="word" id="rightWord">Tiny</span>
      </div>
    </div>

    <div class="spectrum-wrap">
      <div class="spectrum-bar"></div>
      <div class="arrow-indicator">
        <span class="arrow-left">⟵ OPPOSITE</span>
        <span class="arrow-right">OPPOSITE ⟶</span>
      </div>
    </div>
  </div>

<script>
  const pairs = [
    { scale: 'Size', leftWord: 'Giant', leftEmoji: '🐘', rightWord: 'Tiny', rightEmoji: '🐜' },
    { scale: 'Heat', leftWord: 'Hot', leftEmoji: '🔥', rightWord: 'Cold', rightEmoji: '❄️' },
    { scale: 'Speed', leftWord: 'Fast', leftEmoji: '🐆', rightWord: 'Slow', rightEmoji: '🐢' },
    { scale: 'Light', leftWord: 'Day', leftEmoji: '☀️', rightWord: 'Night', rightEmoji: '🌙' }
  ];

  let currentIndex = 0;
  const buttons = document.querySelectorAll('.tab-btn');
  const leftEmoji = document.getElementById('leftEmoji');
  const leftWord = document.getElementById('leftWord');
  const rightEmoji = document.getElementById('rightEmoji');
  const rightWord = document.getElementById('rightWord');
  const badgeLabel = document.getElementById('badgeLabel');

  function render(index) {
    currentIndex = index;
    const data = pairs[index];

    buttons.forEach((btn, i) => {
      btn.classList.toggle('active', i === index);
    });

    leftEmoji.textContent = data.leftEmoji;
    leftWord.textContent = data.leftWord;
    rightEmoji.textContent = data.rightEmoji;
    rightWord.textContent = data.rightWord;
    badgeLabel.textContent = data.scale;
  }

  buttons.forEach((btn, index) => {
    btn.addEventListener('click', () => {
      render(index);
    });
  });

  // Calm auto-cycling every 3.5s
  let timer = setInterval(() => {
    render((currentIndex + 1) % pairs.length);
  }, 3500);

  // Pause cycling on user interaction
  buttons.forEach(btn => {
    btn.addEventListener('pointerdown', () => {
      clearInterval(timer);
    });
  });
</script>
</body>
</html>

What about words like *cat* and *dog* — are they antonyms?

## Common Mistake: Different vs. Opposite

A cat and a dog are different animals, but they are not antonyms because a dog is not the reverse of a cat.

To test if two words are antonyms, ask yourself: *Does one word completely undo or flip the meaning of the other?*

A fundamental rule of opposites is the **part of speech rule**: antonyms must always share the same grammatical part of speech.

An adjective must pair with an adjective (*ancient* and *modern*), a verb with a verb (*expand* and *contract*), and a noun with a noun (*victory* and *defeat*).

Words can oppose each other in different ways across three primary **antonym relationships**.

**Complementary** (or binary) antonyms represent strict either/or states with no middle ground, such as *pass/fail* or *true/false*.

**Gradable** antonyms fall along a continuous scale with intermediate degrees, such as *freezing* $\leftrightarrow$ *cold* $\leftrightarrow$ *warm* $\leftrightarrow$ *boiling*.

**Relational** (or converse) antonyms express opposite perspectives of the same link or action, such as *borrow/lend* or *parent/child*.

You do not always need a brand-new root word to create an opposite; you can use negative prefixes as **antonym builders**.

Common prefixes that reverse meaning include **un-** (*happy* $\rightarrow$ *unhappy*), **dis-** (*appear* $\rightarrow$ *disappear*), **non-** (*fiction* $\rightarrow$ *nonfiction*), and **in-/im-/il-/ir-** (*correct* $\rightarrow$ *incorrect*, *patient* $\rightarrow$ *impatient*).

When a single word has multiple meanings, choosing the correct opposite requires recognizing **context dependency**.

For example, the antonym of *light* in "a light feather" is *heavy*, but the antonym of *light* in "a light room" is *dark*.

A fundamental guideline is the **part of speech rule**: antonyms must always belong to the same grammatical category.

An adjective's antonym must be an adjective (such as **ancient** and **modern**), a verb must pair with a verb (**expand** and **contract**), and a noun must match a noun (**victory** and **defeat**).

Opposites do not all interact the same way. Linguists categorize them into three main **antonym relationships**:

1. **Complementary (binary)** antonyms are strict either/or pairs with no middle ground, such as *pass/fail* or *true/false*.

2. **Gradable** antonyms exist along a continuous scale with intermediate steps, such as *freezing* $\leftrightarrow$ *cold* $\leftrightarrow$ *warm* $\leftrightarrow$ *boiling*.

3. **Relational (converse)** antonyms represent opposite perspectives of the same interaction, such as *borrow/lend* and *parent/child*.

You can also form opposites directly by using negative prefixes as **antonym builders**.

Adding prefixes like **un-** (*happy* $\rightarrow$ *unhappy*), **dis-** (*appear* $\rightarrow$ *disappear*), **non-** (*fiction* $\rightarrow$ *nonfiction*), and **in-/im-/il-/ir-** (*correct* $\rightarrow$ *incorrect*, *patient* $\rightarrow$ *impatient*) flips a word into its opposite.

Because many words have multiple meanings (polysemy), choosing the correct opposite requires **context dependency**.

For example, the antonym of *light* in "a light feather" is **heavy**, but the antonym of *light* in "a light room" is **dark**.

How can you use antonyms to figure out hard words when you are reading a book?

Writers use **signal words** like *but*, *unlike*, and *however* to show that an antonym is coming up next.

Read this sentence: "The morning was **frigid**, but by noon the air was **scorching**."

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="aspect-ratio" content="4:3">
<title>Antonyms Balance</title>
<style>
  * { box-sizing: border-box; margin: 0; padding: 0; }
  body {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: #1e2945;
    background: transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 16px 12px;
    min-height: 100%;
    user-select: none;
  }

  /* Word pair selector tabs */
  .tabs {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 8px;
  }
  .tab-btn {
    background: #ffffff;
    border: 1px solid #e6e6e6;
    color: #6b7280;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.25s ease;
  }
  .tab-btn.active {
    background: #22b7ff;
    color: #ffffff;
    border-color: #22b7ff;
    box-shadow: 0 2px 8px rgba(34, 183, 255, 0.3);
  }

  /* Seesaw Stage */
  .stage {
    position: relative;
    width: 100%;
    max-width: 480px;
    height: 240px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  /* Seesaw Plank */
  .plank-container {
    position: absolute;
    width: 90%;
    height: 60px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
  }

  .plank-bar {
    position: absolute;
    left: 4%;
    right: 4%;
    height: 8px;
    background: #94a3b8;
    border-radius: 4px;
    top: calc(50% - 4px);
    z-index: 1;
  }

  /* Word Cards on the ends */
  .card-seat {
    position: relative;
    z-index: 2;
    width: 110px;
    padding: 12px 8px;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 14px rgba(0,0,0,0.08);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    text-align: center;
    border: 2px solid transparent;
    transition: all 0.3s ease;
  }

  .card-seat.left {
    border-color: #38bdf8;
    background: #f0f9ff;
  }
  .card-seat.right {
    border-color: #fb923c;
    background: #fff7ed;
  }

  .icon {
    font-size: 28px;
    line-height: 1;
  }
  .word {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.2px;
  }
  .card-seat.left .word { color: #0284c7; }
  .card-seat.right .word { color: #ea580c; }

  /* Fulcrum / Pivot */
  .fulcrum-wrap {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 3;
  }
  .pivot-badge {
    background: #1e2945;
    color: #ffffff;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-bottom: 2px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  }
  .triangle {
    width: 0;
    height: 0;
    border-left: 28px solid transparent;
    border-right: 28px solid transparent;
    border-bottom: 44px solid #64748b;
  }

  /* Bottom Opposites Indicator */
  .relation-tag {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 700;
    color: #475569;
    background: #ffffff;
    padding: 6px 16px;
    border-radius: 20px;
    border: 1px solid #e2e8f0;
  }
  .arrow {
    color: #22b7ff;
    font-weight: 900;
  }
</style>
</head>
<body>

  
  <div class="tabs">
    <button class="tab-btn active" onclick="setPair(0)">frigid ↔ scorching</button>
    <button class="tab-btn" onclick="setPair(1)">gloomy ↔ radiant</button>
    <button class="tab-btn" onclick="setPair(2)">ancient ↔ modern</button>
  </div>

  
  <div class="stage">
    <div class="plank-container" id="plank">
      <div class="plank-bar"></div>
      
      
      <div class="card-seat left" id="leftCard">
        <span class="icon" id="leftIcon">❄️</span>
        <span class="word" id="leftWord">frigid</span>
      </div>

      
      <div class="card-seat right" id="rightCard">
        <span class="icon" id="rightIcon">🔥</span>
        <span class="word" id="rightWord">scorching</span>
      </div>
    </div>

    
    <div class="fulcrum-wrap">
      <div class="pivot-badge" id="pivotWord">but</div>
      <div class="triangle"></div>
    </div>
  </div>

  
  <div class="relation-tag">
    <span>Opposite Meanings</span>
    <span class="arrow">⟷</span>
    <span>Antonyms</span>
  </div>

  <script>
    const pairs = [
      { left: "frigid", leftIcon: "❄️", pivot: "but", right: "scorching", rightIcon: "🔥", tilt: -6 },
      { left: "gloomy", leftIcon: "🌧️", pivot: "while", right: "radiant", rightIcon: "☀️", tilt: 6 },
      { left: "ancient", leftIcon: "🏛️", pivot: "unlike", right: "modern", rightIcon: "🚀", tilt: -5 }
    ];

    let currentIndex = 0;
    const plank = document.getElementById('plank');
    const leftWord = document.getElementById('leftWord');
    const leftIcon = document.getElementById('leftIcon');
    const rightWord = document.getElementById('rightWord');
    const rightIcon = document.getElementById('rightIcon');
    const pivotWord = document.getElementById('pivotWord');
    const buttons = document.querySelectorAll('.tab-btn');

    function setPair(index) {
      currentIndex = index;
      const data = pairs[index];

      // Update button styles
      buttons.forEach((btn, i) => {
        btn.classList.toggle('active', i === index);
      });

      // Animate plank tilt
      plank.style.transform = `translateY(-50%) rotate(${data.tilt}deg)`;

      // Update content
      leftWord.textContent = data.left;
      leftIcon.textContent = data.leftIcon;
      rightWord.textContent = data.right;
      rightIcon.textContent = data.rightIcon;
      pivotWord.textContent = data.pivot;
    }

    // Initialize
    setPair(0);

    // Subtle breathing balance motion
    let angleOffset = 1;
    setInterval(() => {
      const baseTilt = pairs[currentIndex].tilt;
      angleOffset = -angleOffset;
      plank.style.transform = `translateY(-50%) rotate(${baseTilt + angleOffset * 2}deg)`;
    }, 2200);
  </script>
</body>
</html>

The signal word *but* acts like a see-saw balance, telling you that *scorching* must mean the exact opposite of *frigid*.

Whenever you spot a signal word like *unlike* or *instead*, look for the antonym pair to unlock the sentence's full meaning.

What Are Antonyms? Words With Opposite Meanings. Understand that antonyms are words with opposite meanings and identify common antonym pairs.

Choose the Antonym & Find Antonyms in Context (Grade 4 Language Arts)

Grammar: Antonyms and Synonyms for Key Stage 2

4th Grade Antonyms and Opposites Interactive Learning Resources

When teaching antonyms in 4th grade under CCSS L.4.5.c, move beyond simple kindergarten flashcard pairs (e.g., 'hot/cold') into academic vocabulary and context-dependent opposites (e.g., 'scarce/abundant', 'conceal/reveal'). Ground instruction in morphology (negative prefixes) and semantic gradients (paint-chip continuum activities) to help students grasp nuances in degrees of meaning.

What Are Antonyms? Words With Opposite Meanings

Finding True Opposites

Common Mistake: Different vs. Opposite