Blog post content
Editorial Fixture for the Blog Post Redesign
Luisa Arango
Head of Marketing & E-commerceThis editorial fixture bundles every major blog post element into one story so we can tune spacing, rhythm, media treatment, and hierarchy against a realistic article.
We are using existing Kastel assets and references so this post behaves like real editorial content. It also includes an inline link to the journal landing page, plus a product mention for so we can test inline commerce moments inside the article body.
Rhythm, hierarchy, and pace
A stronger blog page needs contrast: a larger lead, tighter text measure, wider media moments, and clearer breaks between text, products, quotes, and supporting visuals.
One article, many editorial states
“An editorial page should breathe. Every new section should feel intentional, not like another paragraph dropped into the same column.”
- Rounded media should align the article with the rest of the redesigned site.
- Captions and product inserts should read like editorial support, not generic UI.
- Start with type rhythm and spacing.
- Then tune how media, quotes, and products interrupt the reading flow.
Image grid, video, and embeds
Standout media module
This block tests a full-width interruption with supporting copy on one side and media on the other, which should feel more like a magazine spread than a utility panel.
Standout product module
This variation checks how a single product card behaves when it is promoted as part of the narrative instead of appearing in the standard product carousel.
Shop:
Featured products inside the story
Small text at the end lets us evaluate supporting copy, metadata-like notes, and low-emphasis editorial moments.
Standout image regression test
This module gives us a simple image-based standout baseline before we test the more complex variants.
Standout with product
This keeps the product variant in the fixture document so we can verify the fallback strategy again.
Shop:
Standout with video
This variant tests a single shared asset on mobile and desktop when the standout uses video.
Standout with split images
This test uses one image on mobile and another on desktop.
Standout with split video
This test uses dedicated video fields for mobile and desktop.
Standout with mixed asset types
This test uses image on mobile and video on desktop to cover the most awkward variant.
Standout with richer content
This paragraph also preserves an inline link and a mention of to ensure annotations survive flattening.
Products inside the standout
