TwelveLabs content card templates

Summary

Five near-square content cards shown as a cropped row against black, laying out how one template flexes across hiring, tutorial, interview and product posts.

Visual description

The background is flat near-black; the row of cards is cut off by both edges so only three sit fully in frame. Every card has a white header strip with a small squircle app icon holding the pixel horse mark on a green-to-pink gradient, the "TwelveLabs" label beside it, and a three-dot menu at the right. Below that the bodies differ. One reads "WE'RE HIRING" in an outlined chip above the headline "Join the team", with a rounded photograph of a woman on a sofa in a cream sweater. Another pairs "TUTORIAL" and "GENERATE" chips with the headline "Fashion AI assistant" over a blurred orange and peach gradient, and carries a small byline chip with an avatar naming a staff AI engineer. A third places white type, "In conversation with Software Engineer Yaro" under "TL" and "STORIES" chips, over a full-bleed portrait of a man in a beige sweatshirt. The partial cards at each end show a soft green-yellow gradient and a green-to-orange field with the black horse mark. A thin vertical rule sits inside the headline area of each card.

Key takeaway

A fixed header bar plus a chip-based category label lets one card template carry completely different content types and still read as a set. Swapping only the body treatment, photo, gradient or plain type, keeps the system flexible without new rules.

Reuse notes

Strong reference for a content or social system that has to span recruiting, editorial and product announcements. Presenting the row cropped implies a longer library, but it hides the card edges, so pair it with a single full card view when the actual proportions matter.