How to Create New Content
A list will be grouped with its header when it’s atomized. We’re using H2 here, but H3 and H4 will work as well. Just remember to maintain accessible hierarchy when using multiple header levels.
A repeatable content structure that stays accessible
The client needed a clear, repeatable way to create and organize new content without breaking layout or accessibility. Our work focused on making the structure predictable across headlines, paragraphs, and media so the experience stays coherent as content grows.
We also addressed how different elements get grouped and displayed, helping ensure text and supporting media land in the right places and remain easy to manage. This set the groundwork for a smoother workflow and more consistent output, even when content is added in different formats.
A Section with a Header
Because this paragraph comes after an H2, they will be grouped into a single content block. This is the preferred way of pairing text content because it keeps the header and paragraph together.
The paragraph that follows will not automatically be grouped, but will be indexed to correlate it with the previous block. This paragraph will stand on its own.
If you wanted to emphasize some content in a block you should just bold the text and not use headers. This will atomize to its own block where you can further style the content if you want, but remember how it looks here in the editor will be different from how it appears.
“This will be atomized as a quote with the complete text. Attribution should be provided separately so it can be properly associated with the quote.”
Additional Media
You can include supporting assets throughout the narrative, and you can also attach extra assets at the end of a collection. Avoid creating a standalone section like this unless you want it to appear in the published flow. Instead, attach any extras to the collection so they’re available as dynamic alternatives.
Media Section with a List
Image
Select or upload images to be used for the collection.
Video
Select videos from Vimeo to be used for the collection.
Quote
Add a quotation to the content.
This content will be broken out into its own standalone elements.
Showing some Metrics
Metrics are great, but they should always include a short description that explains what they represent as a group. This should be a standalone block, followed by the metrics it describes.
Related work (companies)
Let’s get to work. Start a conversation.
newbiz@codeandtheory.comCode and Theory is a proud member of Stagwell Group. Stagwell is the challenger network built to transform marketing. We deliver scaled creative performance for the world’s most ambitious brands, connecting culture-moving creativity with leading-edge technology to harmonize the art and science of marketing. Led by entrepreneurs, our 13,000+ specialists in 34+ countries are unified under a single purpose: to drive effectiveness and improve business results for their clients. Join us at www.stagwellglobal.com
Decode
Keep up with the culture, one newsletter at a time. Subscribe to DECODE:
Find Us
One World Trade Center,
69th Floor
New York, NY 10007