Interactive Sliders — Ratio / Hydration Variant

What it does

• Base-quantity input — set the total batch size or weight as the anchor for everything else
• Percentage sliders — drag-to-adjust ratios (hydration, salt, leavening, additives, etc.) update the math instantly
• Live ingredient breakdown — every ingredient quantity recalculates immediately with each change
• Sensible rounding and units — gram, kilogram, ounce, or pound output stays clean and easy to read
• Reset and preset ratios — quick recall of common formulas or styles

Best use cases

• Bread and pizza baking — hydration, salt, and leavening percentages
• Brewing and distilling — grain bills, hop additions, water chemistry ratios
• Cosmetics and skincare — formulation percentages for DIY balms and creams
• Concrete, plaster, and trades — mix ratios scaled to project size
• Coffee and tea — brew ratios, blends by percentage

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 background, slider track, slider handle, breakdown list, and result emphasis.
• Fonts — two roles: a confident display font for headline weights and a tabular body font for the ingredient list.
• Copy — calculator title, base-weight label, percentage labels, ingredient names and units, and any technique notes.
• Images — optional small icons next to each ingredient row.
• Behavior — set min/max ranges, step size, default percentages, and rounding rules per ingredient.