News Demo: Included Pages & How to Customize It
Canvas ships a complete set of news and magazine demos for publishers, bloggers, and editorial teams who want to launch a content-driven site without starting from scratch. The collection includes a homepage, category pages, a daily news feed, and a single article layout, all styled with a bold #FF8600 theme that gives headlines and call-to-action elements a sharp, recognizable identity. Typography is set in Roboto Slab for display text and Roboto for body copy, balancing editorial gravitas with comfortable long-form reading. Layout options keep things practical too, offering a stretched container and a compact small-header arrangement so the design works on a wide range of editorial formats.
The demos cover the everyday needs of a working newsroom: a landing page that mixes featured stories with categorized lists, a category hub for vertical sections like travel, a feed-style front that resembles a daily paper, and a clean single-post template ready for in-depth journalism. Each piece is built to feel current and reader-first, with strong hierarchy, clear section labels, and space for ads, newsletters, and social discovery.
What's included
| Page | Description |
|---|---|
demo-news.html |
A news and magazine homepage demo combining featured stories, category blocks, and trending lists in a bold editorial layout. |
demo-news-2.html |
An alternative news homepage variant with restructured hero, sidebar widgets, and grid arrangements for featured and recent articles. |
demo-news-3.html |
A third homepage variation offering a different mix of headline panels, content blocks, and category highlights for editorial variety. |
demo-news-category.html |
A category index page for travel news and stories, organizing sub-topics, featured posts, and listings under a single vertical. |
demo-news-feed.html |
A daily news feed demo styled like a newspaper front page, showing breaking headlines, timestamps, and continuous story streams. |
demo-news-single.html |
A single article template for long-form travel writing, featuring a clean reading column, author byline, and related post suggestions. |
The demo's own styles live in demos/news/news.css. Shared framework styles come from style.css and css/font-icons.css.
The full editing guide is in the dashboard
Step-by-step customization, the complete settings reference, and copy-paste code are available to registered Canvas users. Creating an account is free.
Required files
CSS: demos/news/news.css