Advertorial example · Pet food

Pet food advertorial example: a dog food label guide

An article-style pre-sell page for Oatmoor, a fictional fresh dog food brand. It answers the reader’s question first and introduces the product only in the second half.

Page type
Advertorial
Canvas
Desktop · 1280 px
Sections
6
Brand
Oatmoor (demo brand)
Full-page screenshot of Oatmoor: five label checks before a fresh dog food offer

Download and usage details

Files
HTML + CSS · images included
Usage
Free to edit and use in personal and commercial projects. Attribution is optional. Do not resell or redistribute the templates themselves as templates.
Forms, if included
They look complete but do not send anything. Point the form at your own form service or email tool before you publish.
Fonts
Fonts load from Google Fonts
Demo content
Every brand is a fictional demo brand, and the copy was written for that demo. Replace product facts, offers and any testimonials with your own, and check every claim before you publish.
All templates →
01 / THE BRIEF

What we typed

An advertorial: an article-style pre-sell page built around one reader question, what should I actually check on a dog food label? Write it like a friendly, slightly nerdy guide for dog owners. Near the top, label it clearly as sponsored content from Oatmoor. The first half explains five things to look for on any label (named proteins versus vague meat derivatives, the order of ingredients, what complete and balanced means, how to read a feeding guide, and how fresh food is stored and portioned), with tips readers can use in any shop. Only in the second half, introduce Oatmoor as one option: fresh, lightly cooked recipes in pre-portioned packs, with every ingredient listed by name, and the first box at 50% off. No health or veterinary claims, and no invented studies, statistics, reviews, quotes or vet names. Main action: Start your first box. In the footer, add one line: Oatmoor is a demo brand created to show what Octet Prow can build. It is not a real company and nothing here is for sale.

02 / DESIGN SYSTEM

Oatmoor Label Kitchen

  • primary · #2F5D3A
  • secondary · #C97B33
  • tertiary · #8A6A4B
  • surface · #FBFAF3
  • outline · #B9BCA9
  • inverse · #20301F
  • Serif · Fraunces
  • Sans · Inter
  • Mono · IBM Plex Mono

Generated once for the project from its brief. Every page in the project follows it.

03 / STRUCTURE

How the page is put together

  1. OpeningWhat should I actually check on a dog food label?The sponsored label, the reader’s question and a byline. No product yet.
  2. 01Start with what the protein is calledNamed proteins versus vague meat derivatives, with an example label.
  3. 02Ingredients run heaviest firstWhy fresh meat tops a list even when a recipe is mostly grain.
  4. 03A guide is a starting point, not a doseHow to read a feeding table, shown as a labelled example.
  5. 04Where it lives, and how it is splitStorage and portions: bags versus pre-portioned trays.
  6. 05Oatmoor, read against the same five checksThe product, held to the same five checks, with the 50%-off first box.
04 / REVIEW

What we checked and changed

We read every line for invented facts: reviews, ratings, studies, sales numbers and claims we had not supplied. Nothing needed changing. The feeding table was already labelled as an example of how such a table is laid out.

MORE EXAMPLES
MAKE ONE LIKE THIS

Start from your own product and the question your readers ask.

Start creating