Links that do more than go somewhere
A links item can be a URL, a file, an overlay of its own body, a video lightbox, or no link at all. Overlay content (a different component) binds hash fragments on this page. Profiles here use Right and Bottom Center photo positions, circular crop, and LinkedIn/Twitter. Special list mixes no-action, link, and file. Read more uses 50px and 250px collapsed heights.
Five link types, Type 3 display
Display Type 3 with icons and thumbs. The interaction is the link-type term on each item.
Type 4, circular and card positions
Profiles: photo Right, circular
Click a card for the modal. Social icons are nested apb_pi_profile_social_media paragraphs.
Additional info field: the modal can carry a second block the card does not show.
Profiles: Bottom Center, landscape
Special list: mixed types
Commercial stats bands are no-action only. This parent mixes the three item types.
Read more: 50px and 250px
Fifty pixels of collapsed height is aggressive. The control is the point: the first screen stays short.
Second paragraph exists so there is something to reveal.
Third paragraph, same reason.
Show title is no. Collapsed height 250px, closer to a teaser than a one-liner. CS02 is Teal.
The storefront story band uses 150px and keeps the title. Both heights are the same vocabulary.
Enough copy to overflow 250px on a typical desktop column.
One more paragraph so the fold is visible.
Keep going
The frozen gallery is still the per-component reference. These pages are the composition pass.