Give the story the right form.
A working library of FoodEdge editorial blocks. Evidence first, a clear next step, and room for the reader to think.
Design workshop. Examples are not research findings or published commercial offers.
In Ghost, add an HTML card and paste a block. Edit its text and source, then save it as a reusable snippet. Native image, gallery, bookmark and video cards remain available.
Download the HTML block kitA photographic link to related analysis
Use this block in Ghost
Paste into an HTML card and adapt it to the article. Preserve image credit. Check the web and email previews.
<aside class="fe-photo-reading fe-editorial-block" aria-label="Related analysis">
<a class="fe-photo-reading-image" href="/ingredient-first-food-biotech-strategy/" tabindex="-1" aria-hidden="true"><img src="https://images.unsplash.com/photo-1614935151651-0bea6508db6b?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDF8fGxhYm9yYXRvcnl8ZW58MHx8fHwxNzkyMTU3MzI0fDA&ixlib=rb-4.1.0&q=80&w=600" alt="Scientist pipetting a laboratory sample, a contextual photograph by Julia Koblitz." width="600" height="450" loading="lazy"></a>
<div class="fe-photo-reading-copy"><h3><a href="/ingredient-first-food-biotech-strategy/">Why food biotech platforms should start with an ingredient</a></h3><p>Follow the connection between ingredient function, a real application and the next production decision.</p><a class="fe-text-link" href="/ingredient-first-food-biotech-strategy/">Read the related analysis</a><p class="fe-photo-credit">Photo: <a href="https://unsplash.com/photos/RlOAwXt2fEA">Julia Koblitz / Unsplash</a>. Contextual photograph.</p></div>
</aside>A full-width editorial banner
Use this block in Ghost
Paste into an HTML card and adapt it to the article. Preserve image credit. Check the web and email previews.
<aside class="fe-editorial-banner fe-editorial-block">
<h3>What needs checking before the next commitment?</h3>
<p>Explore the proposed research briefs, working material and tools in FoodEdge Intelligence.</p>
<a class="fe-text-link" href="/intelligence/">Explore FoodEdge Intelligence</a>
<small>FoodEdge promotion. Workspace in preparation, paid access is not open.</small>
</aside>An evidence brief
Use this block in Ghost
Paste into an HTML card, replace demonstration content and check the web and email previews.
<aside class="fe-evidence fe-editorial-block"><h3>What this evidence changes</h3><dl><div><dt>The finding</dt><dd>State the result, population, comparator and measurement.</dd></div><div><dt>The limitation</dt><dd>State what was not tested and what cannot yet be concluded.</dd></div><div><dt>The decision</dt><dd>Name the assumption to test before committing resources.</dd></div></dl><p class="fe-block-source">Editorial template. Replace each field and add the original source before publication.</p></aside>A quotation worth pausing for
A useful brief makes the next question easier to ask.
Use this block in Ghost
Paste into an HTML card, replace demonstration content and check the web and email previews.
<figure class="fe-pullquote fe-editorial-block"><blockquote><span>A useful brief makes the next question easier to ask.</span></blockquote><figcaption>FoodEdge editorial principle</figcaption></figure>A contrasting editorial moment
The source is part of the story.
Use this block in Ghost
Paste into an HTML card, replace demonstration content and check the web and email previews.
<figure class="fe-pullquote fe-pullquote-dark fe-editorial-block"><blockquote><span>The source is part of the story.</span></blockquote><figcaption>FoodEdge editorial principle</figcaption></figure>Images that work together
Use this block in Ghost
Paste into an HTML card, replace demonstration content and check the web and email previews.
<figure class="fe-gallery fe-editorial-block"><div><img src="/content/images/2026/10/foodedge-fermentation-ai.png" alt="AI illustration of a fermentation vessel" loading="lazy" width="960" height="640"><img src="/content/images/2026/10/foodedge-texture-ai.png" alt="AI illustration of plant-protein samples" loading="lazy" width="960" height="640"></div><figcaption>AI-generated editorial illustrations. No real facility, experiment or product is depicted.</figcaption></figure>A process readers can follow
- Find the sourceOriginal paper, filing or announcement.
- Check the claimMethod, scale and unresolved questions.
- Frame the decisionWhat changes and what to test next.
Use this block in Ghost
Paste into an HTML card, replace demonstration content and check the web and email previews.
<figure class="fe-process fe-editorial-block"><ol><li><strong>Find the source</strong><span>Original paper, filing or announcement.</span></li><li><strong>Check the claim</strong><span>Method, scale and unresolved questions.</span></li><li><strong>Frame the decision</strong><span>What changes and what to test next.</span></li></ol><figcaption>FoodEdge editorial workflow, a proposed method, not an assurance of evidence quality.</figcaption></figure>A comparison with its limits attached
| Check | In the source | Before the product decision |
|---|---|---|
| Population | Who was studied? | Is the intended user comparable? |
| Intervention | Ingredient, dose and formulation | What changes in the proposed product? |
| Outcome | What was actually measured? | Does it support the intended promise? |
Editorial planning template. Add study-specific evidence and its source. Not a clinical or regulatory assessment.
Use this block in Ghost
Paste into an HTML card, replace demonstration content and check the web and email previews.
<div class="fe-data-table fe-editorial-block" role="region" aria-label="Study to product comparison" tabindex="0"><table><caption>From a study to a product question</caption><thead><tr><th scope="col">Check</th><th scope="col">In the source</th><th scope="col">Before the product decision</th></tr></thead><tbody><tr><th scope="row">Population</th><td>Who was studied?</td><td>Is the intended user comparable?</td></tr><tr><th scope="row">Intervention</th><td>Ingredient, dose and formulation</td><td>What changes in the proposed product?</td></tr><tr><th scope="row">Outcome</th><td>What was actually measured?</td><td>Does it support the intended promise?</td></tr></tbody></table><p class="fe-block-source">Editorial planning template. Add study-specific evidence and its source. Not a clinical or regulatory assessment.</p></div>An interactive scenario, with a readable fallback
One assumption can change the cost story.
Illustrative cost index. Arbitrary teaching inputs, not industry benchmarks or measured process data.
Base case: 100.0 index points.
Assumptions, formula and all scenario values
Base cost = 100 units; feedstock = 25 of those units. Feedstock scenario = 100 + (25 × 0.20) = 105. Output scenario assumes unchanged total cost and 10% less saleable output: 100 ÷ 0.90 = 111.1.
| Scenario | Cost index |
|---|---|
| Base case | 100.0 |
| Feedstock +20% | 105.0 |
| Output -10% | 111.1 |
Use this block in Ghost
Paste into an HTML card, replace demonstration content and check the web and email previews.
<figure class="fe-scenario fe-editorial-block" data-fe-scenario><h3>One assumption can change the cost story.</h3><p>Illustrative cost index. Arbitrary teaching inputs, not industry benchmarks or measured process data.</p><div class="fe-chart-controls" role="group" aria-label="Illustrative cost scenario"><button type="button" data-scenario="base" aria-pressed="true">Base case</button><button type="button" data-scenario="feedstock" aria-pressed="false">Feedstock +20%</button><button type="button" data-scenario="recovery" aria-pressed="false">Output -10%</button></div><div class="fe-chart-row"><span>Base case</span><div class="fe-bar-track"><span class="fe-bar fe-bar-base" style="width:83.333%"></span></div><strong>100.0</strong></div><div class="fe-chart-row"><span>Selected case</span><div class="fe-bar-track"><span class="fe-bar" data-scenario-bar style="width:83.333%"></span></div><strong data-scenario-value>100.0</strong></div><p class="fe-scenario-result" data-scenario-result role="status">Base case: 100.0 index points.</p><details><summary>Assumptions, formula and all scenario values</summary><p>Base cost = 100 units; feedstock = 25 of those units. Feedstock scenario = 100 + (25 × 0.20) = 105. Output scenario assumes unchanged total cost and 10% less saleable output: 100 ÷ 0.90 = 111.1.</p><table><thead><tr><th scope="col">Scenario</th><th scope="col">Cost index</th></tr></thead><tbody><tr><th scope="row">Base case</th><td>100.0</td></tr><tr><th scope="row">Feedstock +20%</th><td>105.0</td></tr><tr><th scope="row">Output -10%</th><td>111.1</td></tr></tbody></table></details><figcaption>FoodEdge illustrative model. Single-variable scenarios, not a forecast. All values remain available without JavaScript.</figcaption></figure>A report invitation with a clear access boundary
Use this block in Ghost
Paste into an HTML card, replace demonstration content and check the web and email previews.
<aside class="fe-related-card fe-related-report fe-editorial-block"><div><span class="fe-access">Open-access guide</span><h3><a href="/library/sensory-data-room/">The sensory data room</a></h3><p>Use a structured research format to connect a signal, its mechanism and the assumptions behind a decision.</p><p class="fe-block-source">A guide to comparing taste, texture and repeat-purchase evidence.</p></div><a class="fe-text-link" href="/library/sensory-data-room/">Read the guide <span aria-hidden="true">→</span></a></aside>A reason to return, without manufactured urgency
Use this block in Ghost
Paste into an HTML card, replace demonstration content and check the web and email previews.
<aside class="fe-follow-topic fe-editorial-block"><h3>Keep the evidence trail close.</h3><p>Save this article for your next project discussion, or explore related research before making the decision.</p><a class="fe-text-link" href="/science/">Continue exploring the science <span aria-hidden="true">→</span></a></aside>Bring a published Flourish chart.
Paste the public link to your own visualisation or story. This creates a responsive iframe wrapper and a direct source link. No chart is loaded in this workshop.
A public Flourish chart remains public when embedded in a member-only article. Use appropriate private hosting for confidential data. For email and PDF, provide a static image, source link and accessible data table. Do not embed third-party reports without permission.
One controlled moment of motion.
The ticker pauses on hover, keyboard focus and when off-screen. The pause control and reduced-motion preference are respected. Use once per page.
A question for the next review
Ask at your next review
Which assumption needs evidence before you commit to the next step?
Use this block in Ghost
Paste into an HTML card and adapt it to the article. Check the web and email previews.
<section class="fe-editorial-block fe-decision-note">
<h3><svg class="fe-reading-symbol fe-block-symbol" viewBox="0 0 48 48" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 24h13V12h17m-5-5 5 5-5 5M22 24v12h17m-5-5 5 5-5 5"/><circle cx="9" cy="24" r="4"/></svg>Ask at your next review</h3>
<p>Which assumption needs evidence before you commit to the next step?</p>
</section>An invitation to a useful discussion
Use this block in Ghost
Paste into an HTML card and adapt it to the article. Check the web and email previews.
<aside class="fe-reading-break fe-community-invite"><h3>What would you ask the author?</h3><p>Add a source, challenge an assumption or bring a question from your own work.</p><a href="#discussion">Open the discussion</a><a href="/community/">How member discussions work</a></aside>A clearly labelled FoodEdge promotion
Use this block in Ghost
Paste into an HTML card and adapt it to the article. Check the web and email previews.
<aside class="fe-reading-break"><small>FoodEdge promotion</small><h3>Make the missing evidence visible.</h3><p>Inspect the scope and sample of a worksheet before deciding whether it fits your next review.</p><a class="fe-text-link" href="/library/">Inspect reports and briefs</a></aside>Keep access and incentives clear.
Use Ghost's native public, member and paid access settings. A visual card is a link to a report, not an access-control mechanism. Put confidential text behind the actual member gate, and protect downloadable files separately.
Context creates the invitation: explain which unanswered question the linked report helps with. Name a real deadline or limited event capacity only when it can be verified. Label sponsorship and affiliate links beside the offer.
A social post with context
Use this block in Ghost
Use a verified public post and keep its attribution and source link. Ghost supports X embeds. Load external media only after the reader requests it.