Meta Info

The Meta Info component displays a small block of metadata, typically including an icon, a label or category name, and optionally the publish date of the content. It’s a compact element that helps users quickly understand the type of content they’re viewing, such as news, events, or updates.

This component is commonly placed near the top of the page — usually above or near the main title — and helps with quick content scanning.

The examples shown here demonstrate two variations of the same content type using an icon and a subtitle. Other variations may also include a date or appear in a smaller style depending on the layout.

The date field is optional, so you can show only the icon + text + date, or icon + text, depending on the context.

Best used for:

• Articles, blog posts, or press releases

• Events or programs

• Highlighting category, section, or date

Tips:

• Use icons that clearly reflect the category (e.g., calendar for events, megaphone for announcements)

• Keep labels short and relevant (1–3 words)

• Use the date only if it helps clarify freshness or timing

• This component works best when paired with titles, not as a standalone block