Utopia’s Media site type targets online magazines, industry news hubs, and editorial brands. A large featured hero spotlights your lead story; below it, a dense article grid helps readers browse categories and discover what to read next — a magazine-shelf experience on the web.
This guide covers the live demo hub Media preview, how it differs from Blog and Corporate, and setup steps in the Utopia admin.
Best for
- Web media publishing features, interviews, and rankings on a schedule
- Tech news, lifestyle, or trade publications where articles are the product
- Editorial teams that need strong homepage discovery across categories
- Monetized sites using sidebar widgets and ad slots (Ads Settings)
What you can try in the live demo
In the Media live demo you can:
- Large featured hero with thumbnail, headline, deck, and CTA
- Article grids with category sections or tabs
- Article cards showing thumb, date, and category labels
- Sidebar areas for popular posts, categories, and ads
- Navigation into single posts with body, TOC, and related articles
- Responsive layout that collapses to a clean single column on mobile
Layout features
Media is visual-first on the homepage: hero for the editor’s pick, grids for browsing. Cards share consistent aspect ratios and typography for a polished shelf look. Sidebars accommodate rankings, taxonomy lists, and ads. On article pages, enable Utopia’s table of contents, related posts, and author box from Content Settings.
How it differs from other types
- Blog — personal or small-team publishing; Media emphasizes featured + multi-category magazine flow
- Portal — search, tags, and listing cards; Media focuses on editorial presentation
- Corporate — services and static pages; Media is built for frequent article updates
Setup tips
- Design Settings → choose site type Media
- Tune headings, cards, spacing, and fonts for a magazine tone
- Content Settings → enable TOC, related posts, author box
- Ads Settings → place codes in sidebar and in-article slots
- Organize categories and pick a “featured” story for the hero area
Try it now
Launch a credible media homepage quickly with the Media type. Open the Media live demo or compare all types at the demo hub.
