🔒 Premium Lesson Interactive

Numeric Input — Recipe / Ratio-Math Variant

An open-response numeric question set with tolerance-based feedback styled around recipe and ratio math — pilots a baker's-math worksheet but the pattern fits any ratio, scaling, or formulation practice.

Best for: Ratio and scaling practice where learners convert between percentages, weights, and yields and need quick tolerance-based feedback.

Live preview — scroll inside the frame to see the full page.

What it does

  • Ratio-style numeric fields — labeled inputs with the right units (grams, percent, parts) for ratio math
  • Tolerance-based grading — answers within a small range are accepted so rounding isn't punished
  • Per-row feedback — instant correct/revisit cues beside each field, plus optional hint text
  • Running scaled output — a summary row shows a final scaled recipe, blend, or batch when relevant
  • Reset and try again — clears all answers so the learner can drill the same set repeatedly

Best use cases

  • Baking and cooking — baker's percentages, hydration math, recipe scaling
  • Bartending and beverage — cocktail ratios, batch scaling, ABV math
  • Skincare and cosmetics formulation — percentage-by-weight blends, batch scaling
  • Brewing and fermentation — grain bills, IBU/SRM math, fermentation ratios
  • Manufacturing and chemistry — mix ratios, dilution math, batch scaling exercises

What you can change with your DNA

When you run this through the remix skill, your CCOS DNA — brand, voice, audience — drives these decisions automatically:

  • Colors — slots for page background, field background, correct/incorrect feedback colors, and accent
  • Fonts — two roles: a clean body font for labels, plus an optional monospaced font for numeric values
  • Copy — title, intro paragraph, field labels, helper text, hint text per question, and feedback messages
  • Images — optional ingredient photos, formula illustrations, or icon set that frames the worksheet
  • Behavior — choose the number of questions, tolerance per question, whether to show hints, and whether to grade per-field or all-at-once

How remixing works

From "swiped it" to "shipped it" in three steps.

01

Pick a remix

Browse the library, find one that fits — like this one.

02

Run it through your DNA

The remix skill uses your CCOS DNA to swap colors, fonts, copy, and structure so it lands as yours.

03

Ship it

Paste the finished HTML into Thinkific, Kajabi, WordPress, or any platform that takes embed code.