Expandable CMS Detail Card
Editorial story grid whose cards map one-to-one to CMS fields; opening a card morphs its photo into a full reading view in a native (cover, category, date, read time, title, lede, author, body with pull quote, two action…
50 sites for €79 only, Compare all plans
All photos and visual assets used in this preview are sourced from Unsplash.
The system behind it
One pattern, your whole brand.
Expandable CMS Detail Card reads your ACSS tokens, so changing a color, a font or a spacing value once restyles it everywhere. No hard-coded values, nothing to override.
- Type
- Component
- Category
- Cards
- Responsive
- Desktop to phone
- Works with
- Bricks, ACSS, plain CSS
Options 2
Set on the section, in Bricks’ attributes panel. No code needed.
data-themesection and reading view surface
data-archiveheader archive link
Component props 3
Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.
columns3
layoutcenter
animationmorph
duration560
easingsmooth
aspectportrait
cardStyleminimal
backdropblur
navTrue
radiusl
imagehttps://images.unsplash.com/photo-1544005313-94ddf0286df2?w=160
nameHana Ilves
roleContributing editor
imagehttps://images.unsplash.com/photo-1493106641515-6b5631de4bb9?w=1400
imageAltClay-covered hands shaping a pot on a spinning wheel
focalcenter
showCategoryTrue
categoryCraft
showMetaTrue
date18 Sep 2026
readTime8 min read
titleThe potter who fires her kiln twice a year
headingLevelh3
showExcerptTrue
excerptMonths of throwing, one long weekend of fire, and a waiting list that…
url#potter
bodyMira Okonkwo works alone in a converted dairy at the end of a farm tr…
showQuoteTrue
quoteIf I knew exactly how a pot would turn out, I would have stopped maki…
showBody2True
body2What comes out is never quite what went in.
showAuthorTrue
showPrimaryTrue
primaryLabelRead the full story
primaryUrl#potter
showSecondaryTrue
secondaryLabelVisit the studio
secondaryUrl#studio
featuredFalse
Included in Pro €99 once with Pro Unlimited Lifetime: all 785 patterns, unlimited sites.
Get Pro

Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 page






