Internal visual check

Link Box Layouts

Distinct linked box patterns currently used around OneSliders. Location, category and topic links are shown first so the full navigation family sits above the event-link family.

18 distinct layouts 4 location-link layouts + 4 category/topic layouts above the divider + 10 event/related layouts below it
Standard proposal

Neutral Content Cards

New shared CSS: assets/css/content-cards.css. The naming is based on content shape: cover, media, row and mini. Flags, dates and labels are badges inside image cards, not separate card families.

Suggested base types

Reduce the standard to five image-first components: cover, stack, media, row and mini. Dates, flags, labels and metadata become badges or text inside those cards instead of separate card layouts.

Normal Theme

PC keeps natural card widths. Phone stacks the same components full width.

PC componentsnatural width
Sport State of Origin 27 May - 8 Jul 2026 - Australia National Cover Featured content

Full-bleed image with readable overlay.

 Label Media Image first card Useful for category or event links Flag Row Image row card

Good when scanning lists.

 Mini Compact card Dec 10 · metadata
Phone componentsstacked
Sport State of Origin 27 May - 8 Jul 2026 National CoverFeatured content

Image and overlay stay readable.

 Label MediaImage first cardFull width on phone Flag RowImage row card

Still compact on mobile.

 MiniCompact cardDate · metadata

Night Theme

Same four components, dark tokens. The phone frame uses the same HTML classes.

PC componentsnatural width
Sport State of Origin 27 May - 8 Jul 2026 - Australia National CoverFeatured content

Full-bleed image with readable overlay.

 Label MediaImage first cardUseful for category or event links Flag RowImage row card

Good when scanning lists.

 MiniCompact cardDec 10 · metadata
Phone componentsstacked
Sport State of Origin 27 May - 8 Jul 2026 National CoverFeatured content

Image and overlay stay readable.

 Label MediaImage first cardFull width on phone Flag RowImage row card

Still compact on mobile.

 MiniCompact cardDate · metadata