Contentfull provided demo's, generated model visualisation

Full-width container for displaying short bits of generic information with optional icons/visuals

Internal name

Headline

Subline

Block 1 image

Block 1 body

Block 2 image

Block 2 body

Block 3 image

Block 3 body

Color palette

💎 Info block component

A group of items making up a section in the navigation menu

Internal title

Group name

Group Link

Featured pages

🚈 Menu Group

Container that enables editors to publish a page, define its slug, select & arrange its content

Page name

Slug

SEO metadata

Top section (optional)

Page content

Extra section (optional)

📜 Landing page

Internal Name

Menu Items

🚈 Navigation Menu

Open Graph (OG) meta tags for optimizing SEO visibility

SEO title

Description

Image

Hide page from search engines (noindex)

Exclude links from search rankings (nofollow)

🎛️ SEO meta tags

Full-width component for quotes, reviews and testimonials, includes multiple layout options

Quote

Quote alignment

Image position

💎 Quote component

Constrained-width component for displaying ad-hoc paragraphs of text (FAQs, intros, descriptions)

Body

💎 Text block component

Container for ever-green content like About us, Career pages, FAQ, Knowledge base & more

Name

Short description

Featured image

#️⃣ Business info topic

Sub-container for product features enabling re-use of generic features across different products

Long description

#️⃣ Product feature topic

Navigation content type used for powering the Footer menu

Legal links

Twitter Link

Facebook Link

Linkedin Link

Instagram Link

🚈 Footer Menu

Container for holding info about people (article authors, company leadership, quoted customers, etc.)

Avatar

Website

Location

Card style

#️⃣ Person topic

Full-width container for displaying side-by-side image and copy, includes multiple layout options

Container layout

Body text

CTA Text

Target page

Image style

💎 Duplex component

Container for product-specific information like card definitions, features, benefits, prices & more

Features

Price

#️⃣ Product topic

Full-width container for creating visually distinct Calls-to-Action (CTAs)

CTA text

URL parameters

💎 CTA component

Component that renders products in a table enabling a side-by-side comparison

Products

💎 Product table component

Full-width container for displaying images and snappy copy; can include an optional CTA

Demo Content Model