Skip to content
Nutrition Simple #if#16-8#food-list

16/8: What to Eat

Quality of the eating-window meals matters. Two protein-anchored meals with vegetables and balanced macros.

A free, animated 16/8: what to eat you can read here or embed on any website, from Scrollchart.

16/8: What to Eat

16/8: What to Eat in Your WindowTwo protein-anchored meals, noon to 8 pm. Combined: ~74g protein, 100g carbs, 46g fat, 1100 kcal.Meal 112:00 noonChicken breast 150gBrown rice 80g dryBroccoli + spinachOlive oil 1 tbsp38gProtein52gCarbs22gFat554kcalMeal 27:00 pmSalmon fillet 140gSweet potato 180gMixed greens saladAvocado 1/3 + lemon36gProtein48gCarbs24gFat548kcal

A sample 8-hour eating window with two meal templates, each anchored on protein and vegetables, with macro distributions annotated.

Good for

  • 16/8 meal-planning guides for readers who know the protocol but need practical eating templates
  • Nutrition-blog articles comparing OMAD vs 16/8 meal composition requirements
  • Insulin-sensitivity educational content showing how two balanced meals outperform one large evening meal on glycaemic control

Source & accuracy

This 16/8: what to eat is an editorial illustration built to represent the concept accurately. Where it shows figures, they are typical or representative values chosen to make the relationship clear, not a single underlying dataset. The diagram and its explainer are reviewed and maintained centrally, and updated over time as understanding improves.

What fills an 8-hour eating window well

On 16/8, the fasting hours are usually limited to water, plain tea, and black coffee, while all food sits inside the 8-hour window. A common structure is two protein-anchored meals (and perhaps one small snack) built around vegetables, a quality protein source, whole-food carbohydrates, and some healthy fats. The shorter window makes meal quality more important, because there are fewer chances to cover nutrient needs.

Protein at each meal supports satiety and lean-mass retention, and fiber-rich vegetables help fullness stretch across the long fasting stretch.

Avoiding the common pitfalls of the window

The window does not make calories irrelevant: it is easy to offset the benefit by packing the eating hours with calorie-dense, low-satiety foods. Hydration and electrolytes matter during the fast, and breaking it with a very large, fast-eaten meal can cause discomfort. Quality and balance inside the window do most of the work.

This is general educational information, not dietary advice. A qualified professional can tailor intake to individual needs and any medical conditions.

Embed this diagram

Add this animated 16/8: what to eat to your own site. Copy one line of HTML, or use the embed builder for theme and sizing options.

Reference

What this is
A free, embeddable, animated 16/8: what to eat for any website.
Who uses it
Diet blogs, Nutrition blogs.
How to embed
Copy one line of HTML. No signup. No watermark. Works in WordPress, Webflow, Ghost, Substack, plain HTML.
File size
iframe embed, ~80 KB gzipped (loads on demand, does not block your page paint).
License
Free forever. Editorial explainer text included; updated centrally over time.

Embed format options

Copy the universal HTML snippet, the WordPress shortcode, or an iframe fallback - see the WordPress plugin page for details. Any format keeps the same Core Web Vitals profile and the same explainer text.

Embed snippet
<div data-scrollchart="if-16-8-food-allowances" data-scrollchart-v="1"></div>
<script src="https://scrollchart.com/embed.js" async></script>

Frequently asked questions

Where can I get a free animated "16/8: What to Eat" for my website?
Scrollchart provides "16/8: What to Eat" as a free, embeddable animated diagram you can add to any website with one line of HTML. No signup is required and there is no watermark. The diagram and its explainer text are served from scrollchart.com, so the embed stays current without any maintenance on your end.
How do I embed a 16/8: what to eat diagram in a health or wellness blog?
Copy the HTML snippet from the Scrollchart diagram page and paste it into any post or page in your CMS. It works in WordPress, Webflow, Ghost, Substack, and plain HTML without any plugin or account. The diagram renders as animated SVG directly in your page, so search engines can index the accompanying explainer text.