Inline Resource Callout
A compact callout that slots into running text to point readers at a related file. Use it to surface a download right where it stays relevant.
A compact callout that slots into running text to point readers at a related file. Use it to surface a download right where it stays relevant.
Search blocks by description or jump to a page.
Inline Resource Callout is a single horizontal strip designed to sit inside a page rather than stand alone as a full section. A rounded card holds three columns side by side: a square thumbnail on the left showing a document icon over a faint background image, a text block in the center with a small uppercase label, a bold title, and a short description, then a large download button on the right. On smaller screens the columns stack vertically and the text centers itself.
Every piece of text in the block is independent, so you can swap the label, title, and description without touching the layout. The thumbnail area accepts any icon or image crop, and the button label can be changed to match your file type or call to action. The whole strip can be dropped between two paragraphs of content or at the foot of a case study.
This layout is the right pick when you want to surface a download mid-page without breaking the reading flow. On an ecommerce storefront brand site it works well on a brand story page, a press kit section, or a product launch post where a lookbook or media pack is available for trade buyers. It is narrower in scope than the full resources grid and less form-heavy than the gated download, so it suits audiences you want to convert with a single frictionless tap rather than a lead capture step.
A natural flow around it on a Portfolio page:
Before
After
Any single file you want readers to notice without asking them to scan a full library. A few concrete fits:
Tip: keep the description to two short sentences so the strip stays slim and the download button remains the visual focus of the row.