A worked-example post showing every editable block you can use — hero, buttons, media, tables, charts, callouts, quotes, lists, columns, CTAs. Duplica...
Category label · Change me
Your headline goes here — make it specific and short
One-sentence subhead that explains what the reader will get from this post. Aim for 15-25 words. Answer their question, don’t tease.
Published DD Month YYYY · By PepiScreen editorial · X min read
Opening paragraph. The first sentence carries the article — write it last. State the interesting thing, then explain. If you’re stuck, try: “The most surprising thing about X is Y.” Then write the boring version, then edit it until it stops being boring.
Second paragraph in a slightly muted colour — use this for setup, context, or your thesis in one line.
Jump to
First section — headings anchor navigation
Body paragraph. Aim for 3-5 sentences per paragraph. Break for visual rhythm even if the thought continues — web readers scan, not read.
Subheading (H3)
Another paragraph under a subheading. Notice the visual hierarchy: hero H1, section H2, subsection H3. Don’t skip levels.
Pull-quote for the memorable line. Use once per post. Delete this block if you don’t have one.
Image + text section
Image beside text
Media & Text block: image on the left, text on the right. In the block toolbar you can flip the layout, resize the image column, and adjust vertical alignment. Great for peptide callouts, feature explanations, or product showcases.
The data
Charts, tables, and structured data
Two ways to show data. First: a chart as an image (make in Datawrapper, Excel, or Python, export PNG, upload via Media Library, insert here). Second: a native Gutenberg table, editable inline.
| Metric | Column A | Column B |
|---|---|---|
| Row 1 | Value A1 | Value B1 |
| Row 2 | Value A2 | Value B2 |
| Row 3 | Value A3 | Value B3 |
Two-column layout
Left column body. Good for side-by-side comparisons, pros vs cons, or two-part explanations. Add or remove columns via block toolbar.
Second column
Right column body. Same style, different content. Native Gutenberg makes these responsive by default — they stack on mobile.
Lists and quotes
Numbered list for steps or ranked items:
- First item — methods, findings, or steps.
- Second item — keep to one line each where possible.
- Third item — lists over ~7 items should probably be a table instead.
Bulleted list for parallel items:
- Bullet one
- Bullet two
- Bullet three
Blockquote for external quotes. Use when quoting someone by name — different from pull-quote which highlights your own line.
Source name, publication, date
Callout / warning
The one thing to remember
Amber callout for warnings, key takeaways, or “do this not that” advice. Change the left border colour and background to signal blue (info), green (positive), red (danger). Delete the block if not needed.
Call to action headline
One or two sentences explaining what to do next. Then two buttons: primary in brand blue, secondary as an outlined variant.
Related reading
How the audit works →
Short summary line of what this related link is about.
Peptide Guide →
Companion post link two.
Supplier Directory →
Companion post link three.
Educational, not medical advice. Standard disclaimer footer. Keep across posts, edit once per year.
Get the free Peptide Market History Guide. A 12-page independent guide to the peptide market — how it evolved, the regulatory landscape, and how to read a Certificate of Analysis with a critical eye.
Send me the guide →